项目现场出现了一个奇怪的问题,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">
selectie8ie7
在现场的两台机器上的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">
selectie8ie7
解决方案 »
- 使用哪个google Api 可以把google search嵌入我自己程序中
- jsp/servlet,服务器端查询可以,访问查询不可。
- &&&&&&&&请教,有没有好的权限管理的方法,基于SPRING+WEBWORK,可以管理到URL和方法层面的
- 关于struts 分页的问题
- html数据存到数据库的问题,请教高手解决!!!!!!!!!!
- 配置过天乙论坛的朋友看过来
- 大家帮我看一个问题!!!
- 送分:聊天室前台显示的问题!
- 兄弟们,找银行要接口(网上支付),好要吗?
- 求教jpa和hibernate的疑问
- 为何JAVA没有包含Spring+SpringMVC+Hibernate+FreeMarker的模板
- Extjs Viewport内嵌的grid没有滚动条怎么解决
http://blog.csdn.net/huli870715/article/details/7887818