JQuery操作选择选项的Bug(IE8兼容性视图模式)

Bug站点：

根据开发人员工具，下拉列表框有选项，但当您单击选择它时，不会显示任何内容。复制步骤：当下拉框级联时会出现此问题。第一个列表改变了，第二个列表的值也改变了！在本例中，使用了以下方法来绑定数据：按如下方式复制代码： //绑定下拉框//ctnSelector:下拉框ID为#///jsonData 3360 JSON数据，///txtField:文本字段名称，///valField:值字段名称，//stroptions 3360默认添加的项函数initselectoptions (ctnselector、jsondata、txtField、val字段、stroptions) {if长度==0){返回false};$(ctnSelector)。html(“”)；var optList=strOptionsif (typeof (jsonData)！=undefined){ for(JSON data中的var jitem){ if(jitem==' insert at ' | | jitem==' remove at ' | | jitem==' move to '){ continue；//解决flareJ带来的问题。base . js } OptList=' option value=' ' jsonData[jitem][Valfield]' ' jsonData[jitem][TxtField]'/option '；} } $(ctnSelector)。html(OptList)；}正常加载不会有问题！但是，当第一个下拉框的值发生变化，并且第二个下拉框的选项全部清除时，您将转到第二个下拉框尝试选择一个项目，然后更改第一个下拉框的选项。你会发现第二个下拉框显示的第一个下拉框对应的项目是不能显示的，只能显示第一个，或者选中的可以脚本设置！解决方法：使用DOM方法操作Options，代码如下：复制代码如下： //Bind下拉框//ctnSelector:下拉框ID为#//jsondata 3360 JSON数据，//txtField:文本字段名，//valField:值字段名。///strOptions 3360默认项函数initselectoptions (ctnselector，jsondata，txtfield，valfield，stroboptions){ if($(ctn selector))。长度==0){返回false};$(ctnSelector)。empty()；var sel=$(ctnSelector)。get(0)；var NewOpt=$(strOptions)；var new OPtion 1=document . create element(' OPTION ')；new option 1 . text=NewOpt . text()；new option 1 . value=NewOpt . val()；sel . options . add(new options 1)；if (typeof (jsonData)！=undefined){ for(JSON data中的var jitem){ if(jitem==' insert at ' | | jitem==' remove at ' | | jitem==' move to '){ continue；//解决flareJ带来的问题。base . js } var new OPtion=document . create element(' OPTION ')；newoption . text=JSON data[jitem][TxtField]；newoption . value=jsonData[jitem][valField]；sel . options . add(NewOption)；} } }