如果我在PHP中调用JS函数，为什么我的JS代码不起作用？

皮卡丘

我正在用PHP创建动态表单。以下代码是PHP文件的一部分。当用户选择单选选项时，必须出现警报消息。因此，我在其中调用了JS函数，当用户单击单选按钮时，该函数将被激活。然后，我在末尾的PHP之后添加了一个脚本标签，以包含我的JS代码。但是问题是当我单击选项单选按钮时，没有出现警报消息。（即JS代码不起作用）

<?php...................
<select name='choose' class='choose'>
<option value='radio' onclick='radio()'>RADIO</option>
<option value='checkbox'>CHECK BOX</option>
<option value='email'>EMAIL</option>
<option value='file'>FILE</option>
<option value='tel'>TELEPHONE</option>
?>
 <script>
 function radio(){
        alert("hi");
    }
 </script>

代码错误

<?php
 echo "<select name='choose' id='choose' class='choose' onclick='selectfun()'> 
         <option value='radio' onclick='radio()'>RADIO</option>
         <option value='checkbox'>CHECK BOX</option>
         <option value='email'>EMAIL</option>
         <option value='file'>FILE</option>
         <option value='tel'>TELEPHONE</option></select>";
?>


 <script>
  function selectfun() {
  // initializing the select tag to the variable selectBox
  var selectBox = document.getElementById("choose");
  // onclick reading the option value by select tag index
  var selectedValue = selectBox.options[selectBox.selectedIndex].value;
   // checking the selected value is `radio` or not
   if(selectedValue == 'radio'){
   // if selected value is radio then alert the selected value
    alert(selectedValue);
   }
  }
  </script>

您可以使用echoPHP来打印HTML代码，请检查我上面的代码，这些代码可能会给您一些想法。而且很容易将onclick事件绑定到select标签而不是选项，请参考此处

这是工作的小提琴

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。