我编写了以下代码以在页面上有一个选择列表:
<select id='defchtype' class='selectpicker form-control' style='width:80%;'>
<option id='Pie' onClick='changechart(".$_GET['id'].",\"Pie\")'>Pie</option>
<option id='Line' onClick='changechart(".$_GET['id'].",\"Line\")'>Line</option>
<option id='Bar' onClick='changechart(".$_GET['id'].",\"Bar\")'>Bar</option>
<option id='Odometer' onClick='changechart(".$_GET['id'].",\"Odometer\")'>Odometer</option>
<option id='Radar' onClick='changechart(".$_GET['id'].",\"Radar\")'>Radar</option>
</select>
当我使用mozilla firefox浏览器时,这是正确的工作方式。但是当我使用谷歌浏览器时,onclick事件(changechart函数)不会执行。我该如何解决?谢谢,这是我渲染的html代码的一部分:
<select id='defchtype' class='selectpicker form-control' style='width:80%;'>
<option id='Pie' onClick='changechart(126,"Pie")'>Pie</option>
<option id='Line' onClick='changechart(126,"Line")'>Line</option>
<option id='Bar' onClick='changechart(126,"Bar")'>Bar</option>
<option id='Odometer' onClick='changechart(126,"Odometer")'>Odometer</option>
<option id='Radar' onClick='changechart(126,"Radar")'>Radar</option>
</select>
这是我的javascript函数:
function changechart(id,chtype){
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
//response="server/img/useravatars/"+xmlhttp.responseText;
response=xmlhttp.responseText;
document.getElementById("chartcontainer").innerHTML=response;
document.getElementById(chtype).selected="true";
}
}
var req="showchart.php?id="+id+"&chtype="+chtype;
xmlhttp.open("GET",req,true);
xmlhttp.send();
}
javascript函数甚至不会在Chrome中执行。但在Firefox工作正常
您不应onClick
在option
Elements中使用事件。使用onchange
select事件代替此问题已讨论的内容:javascript onclick警报不适用于chrome。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句