为什么我的点击事件处理程序不'<选项>"在IE中运行
Why doesn't my click event handler on a "<option>" run in IE?
为什么这个JS不能在IE中工作?Opera, FF, Chrome工作正常,但在IE中没有任何作用。
<html>
<head>
<script type="text/javascript" language="javascript">
var zaloha = new Array();
function filtrovanie(objekt){
var zoznam = document.getElementById("filtruj");
var pocet = 0;
if(zaloha!="")
for(i=0;i<zaloha.length;i++)
zoznam.appendChild(zaloha[i]);
for(i=0;i<zoznam.length;i++){
moznost=zoznam.getElementsByTagName("option")[i];
if(moznost.getAttribute("title").toUpperCase() != objekt.getAttribute("name").toUpperCase()){
zaloha[pocet]=moznost;
pocet++;
zoznam.removeChild(moznost);
i--;
}
}
}
</script>
</head>
<body>
<select name="options_id" size="5">
<option onClick="filtrovanie(this)" name="Farba" value="1">Farba [Radio]/option>
<option onClick="filtrovanie(this)" name="Pohlavie" value="5">Pohlavie Radio]</option>
<option onClick="filtrovanie(this)" name="Vek" value="4">Vek [Dropdown]/option>
<option onClick="filtrovanie(this)" name="Veľkosť" value="2">Veľkosť Dropdown]</option>
</select>
<select id="filtruj" multiple="multiple" name="values_id[]" size="5">
<option title="FARBA" name="Biela" value="30">Biela [FARBA]</option>
<option title="FARBA" name="Fialová" value="27">Fialová [FARBA]</option>
<option title="FARBA" name="Oranžová" value="88">Oranžová [FARBA]</option>
<option title="FARBA" name="šedá" value="101">šedá [FARBA]</option>
<option title="FARBA" name="Červená" value="16">Červená [FARBA]</option>
<option title="FARBA" name="Čierna" value="29">Čierna [FARBA]</option>
<option title="POHLAVIE" name="Chlapec" value="97">Chlapec [POHLAVIE]</option>
<option title="POHLAVIE" name="Dievča" value="98">Dievča [POHLAVIE]</option>
<option title="RESERVED FOR TEXT/FILES ONLY ATTRIBUTES" name="TEXT" value="0">TEXT [RESERVED FOR TEXT/FILES ONLY ATTRIBUTES]</option>
<option title="VEK" name="0 - 2 roky" value="77">0 - 2 roky [VEK]</option>
<option title="VEK" name="2 - 4 roky" value="96">2 - 4 roky [VEK]</option>
<option title="VEľKOSť" name="104" value="76">104 [VEľKOSť]</option>
<option title="VEľKOSť" name="110" value="100">110 [VEľKOSť]</option>
<option title="VEľKOSť" name="116" value="103">116 [VEľKOSť]</option>
<option title="VEľKOSť" name="122" value="105">122 [VEľKOSť]</option>
</select>
</body>
</html>
IE不支持选项元素的click事件。你可以尝试select元素的更改事件,但要在IE中仔细测试键盘导航,因为每次按下光标键选择下一个或上一个选项时,它都会调度一个更改事件。
相关文章:
- 我的单元测试选项是什么
- 如何更改bigquery API中的计费层选项
- 使用Javascript获取所选选项ID
- Selectize.js:如何对整数值的选项进行排序
- 通过js在新选项卡中有条件地打开url
- "要求“;Angular指令的DDO选项在应该抛出错误时不会抛出错误
- JQuery:如何强制选择一个选项为"选择“;,使用FancySelect插件
- "更改“;添加要选择的选项时正在激发
- "无法读取属性'选项'未定义的“;尝试更新数据网格时的EasyUI
- 突出显示菜单中具有href="#"“选项”;a“;标签
- "重新打开最后一个关闭的选项卡“;导致显示最后一个ajax请求内容
- 获取"data something“;从<选项>包含在<选择>
- 当添加“;目标“:"空白“;通过javascript链接,打开的选项卡是“;回收的“;(重复使用)-以任何方式
- 我的onClick事件没有设置“;selectedValue"用户选择的选项中的变量
- 下拉菜单:在新选项卡中打开链接+“;Go"链接
- jQuery选项卡"普通的“;加成
- "选项卡渲染”;MDL选项卡的事件
- HTML嵌入的PDF所有链接覆盖在一个新的选项卡中打开(target="_blank")
- 将列表显示为<选项值="">
- jQuery"选择“:与'选择'选项标记中的属性