Javascript 如果我在PHP中调用JS函数,为什么我的JS代码不起作用?
我正在用PHP创建一个动态表单。下面的代码是PHP文件的一部分。当用户选择单选选项时,必须显示一条警告消息。所以我在里面调用了JS函数,当用户单击单选选项时,这个函数就会被激活。然后,我在结束PHP之后添加了一个脚本标记,以包含我的JS代码。但问题是,当我单击“收音机”选项时,不会出现警告消息。(即JS代码不工作)Javascript 如果我在PHP中调用JS函数,为什么我的JS代码不起作用?,javascript,php,html,Javascript,Php,Html,我正在用PHP创建一个动态表单。下面的代码是PHP文件的一部分。当用户选择单选选项时,必须显示一条警告消息。所以我在里面调用了JS函数,当用户单击单选选项时,这个函数就会被激活。然后,我在结束PHP之后添加了一个脚本标记,以包含我的JS代码。但问题是,当我单击“收音机”选项时,不会出现警告消息。(即JS代码不工作) 函数无线电(){ 警报(“hi”); } 选项标记不支持onClick()事件。您可以对select标记使用onChange(),然后检查所选值这是否回答了您的问题?将即时onCl
函数无线电(){
警报(“hi”);
}
选项标记不支持onClick()
事件。您可以对select标记使用onChange()
,然后检查所选值这是否回答了您的问题?将即时onClick
替换为onChange
,并将option
替换为select
元素。option标记不支持onClick()
事件。您可以对select标记使用onChange()
,然后检查所选值这是否回答了您的问题?将即时onClick
替换为onChange
,并将选项
替换为选择
元素。是的,当您添加onClick以选择标记时,该选项起作用。但在我的例子中,我在单选选项中添加了onclick事件,我的选项不起作用?你能指定它吗?然后我无法理解这一代码行(var selectedValue=selectBox.options[selectBox.selectedIndex].value;)您能解释一下吗?非常感谢。hi@Pikachu请检查更新的答案,我已经添加了注释和参考为什么onclick
不适用于选项标签。如果这对您有效,请接受回答谢谢@codeBug它现在有效,但是如果我有多个选择标记,那么它将如何工作?如果您有多个选择标记,您不能使用id
我们必须使用另一种方法,@codeBug是的,当您添加onclick to select标记时它有效。但在我的例子中,我在单选选项中添加了onclick事件,我的选项不起作用?你能指定它吗?然后我无法理解这一代码行(var selectedValue=selectBox.options[selectBox.selectedIndex].value;)您能解释一下吗?非常感谢。hi@Pikachu请检查更新的答案,我已经添加了注释和参考为什么onclick
不适用于选项标签。如果这对您有效,请接受回答谢谢@codeBug它现在起作用了,但是如果我有多个选择标记,那么它将如何工作?如果您有多个选择标记,您不能使用id
我们必须使用另一种方法,@codeBug
<?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>