javascript - 选择下拉列表在 IE9 中扩展很长

Question

我正在使用 ajax 调用动态填充值以选择下拉列表。
我的代码在 IE8 中运行良好，但在 IE9 中运行不正常。选择下拉列表未正确显示。它正在扩展。

这里是我的代码片段:

if(xmlHttpReq.status==200)
{
    var acaComplRulesDtls=xmlHttpReq.responseText;
    //resetting individualstoApplyComplianceRules  dropdown as blank
    document.getElementById("individualstoApplyComplianceRules").innerHTML="";
    var spiltedACACompRules=acaComplRulesDtls.split("###");
    if(spiltedACACompRules.length==2){
        var indvNames=spiltedACACompRules[0];
        var indvNumbers=spiltedACACompRules[1];
        var spiltedIndvNames=indvNames.split("~~");
        var spiltedindvNumbers=indvNumbers.split("^^");
        var namelen=spiltedIndvNames.length;
        var numberlen=spiltedindvNumbers.length;
        //checking names & numbers length same or not
        if(namelen==numberlen){
            var selectField=document.getElementById("individualstoApplyComplianceRules");
            for(var i=0; i<namelen-1; i++){
                var optionField = document.createElement("OPTION");
                optionField.text = spiltedIndvNames[i];
                optionField.value = spiltedindvNumbers[i]
                selectField.options.add(optionField);
            } //for loop ends here
        }
    } //if

谁能帮我解决这个浏览器兼容性问题？

提前致谢..

screen shot http://imageshack.com/a/img811/177/bgzy.png

Answer 1

我找到了解决方案。我的问题已解决。ajax 响应文本包含许多空格。

我使用 replace(/^\s+|\s+$/g,'') Java 脚本方法删除了空格。现在选择下拉菜单显示正常。

感谢大家!!!祝你有美好的一天!!!