在IE下select的onchange事件失效
项目现场出现了一个奇怪的问题,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>";
}
select ie8 ie7
<select name="eventList[0].metricId" id="condition0" style="width: 80px;" onchange="selectCondition(0)" jQuery1382682857232="379">