在IE停select的onchange事件失效
日期：2014-05-17 浏览次数：20698 次
在IE下select的onchange事件失效
项目现场出现了一个奇怪的问题，select中的onchange事件失效了，不能触发事件，但是如果改成onChange后就能触发了，不知道是什么原因，望各位同行相助，谢谢！~
在现场的两台机器上的IE7和IE8中都会出现这样的现象，但是在本地开发环境却不能复现。
select是js动态添加上的，动态添加代码：
生成后的html：
项目现场出现了一个奇怪的问题，select中的onchange事件失效了，不能触发事件，但是如果改成onChange后就能触发了，不知道是什么原因，望各位同行相助，谢谢！~
在现场的两台机器上的IE7和IE8中都会出现这样的现象，但是在本地开发环境却不能复现。
select是js动态添加上的，动态添加代码：
function newEvent(index){
newEventIndex=index+1;
return "<tr height=23><td style=\"text-align:center;\"><input type=\"checkbox\" name=\"eventCheck\"/>" +
"<input name=\"eventList["+index+"].profileId\" value=\""+profileId+"\" type=\"hidden\"/>"+
"<input name=\"eventList["+index+"].eventId\" value=\"\" type=\"hidden\"/>"+
"</td>"+
"<td style=\"text-align:center;\"><input name=\"eventList["+index+"].produce\" value=\"true\" type=\"checkbox\"/></td>"+
"<td style=\"text-align:center;\"><input name=\"eventList["+index+"].eventName\" type=\"text\" size=\"10\" value=\"<s:text name='scriptmonitor.js.tolerantEvent'/>"+newEventIndex+"\"/></td>"+
"<td style=\"text-align:center;\"><select name=\"eventList["+index+"].lvel\">"+
<s:iterator value="levels" >
"<option value=\"${key}\">${value}</option>"+
</s:iterator>
"</select></td>"+
"<td style=\"text-align:center;\"><select name=\"eventList["+index+"].priority\">"+
<s:iterator value="prioritys" >
"<option value=\"${key}\">${value}</option>"+
</s:iterator>
"</select></td>"+
"<td style=\"text-align:center;\">"+
"<span><select name=\"eventList["+index+"].metricId\" style=\"width:80px\" onchange='selectCondition("+index+")' id='condition"+index+"'>"
+"<option value='-1'><s:text name='scriptmonitor.js.pleaseChoose'/></option>"+
<s:iterator value="scriptMetricList" >
"<option value=\"${metricId}\" jsName=\"${dataType}\">${metricName}</option>"+
</s:iterator>
"</select></span>"+
"<span id=\"relationSpan"+index+"\" style=\"padding-left:4px;\"><select id=\"operateModeId"+index+"\" name=\"eventList["+index+"].operateMode\" style=\"width:60px;\" validate=\"select-one\"/></span>"+
"<span id=\"synSpan"+index+"\" style=\"padding-left:2px;\"><input id=\"thresholdText"+index+"\" type=\"text\" name=\"eventList["+index+"].threshold\" size=\"12\"/></span>"+
"</td>"+
"<td style=\"text-align:center;\"><select name=\"eventList["+index+"].produceMode\" validate=\"select-one\">"+
<s:iterator value="produceRules">
"<option value=\"${key}\">${value}</option>"+
</s:iterator>
"</select></td>"+
"<td style=\"text-align:center;\"><input name=\"eventList["+index+"].alarm\" value=\"true\" type=\"checkbox\"/></td></tr>";
}
生成后的html：
<select name="eventList[0].metricId" id="condition0" style="width: 80px;" onchange="selectCondition(0)" jQuery1382682857232="379">
