jQuery html属性在IE中不起作用

20 html forms jquery

我在我的表单中使用国家和州的下拉列表.每当用户在下拉列表中选择国家/地区时,国家/地区的相应州将填入州下拉列表中.我使用AJAX调用填充下拉列表中的状态.问题是状态会在Mozilla中填充,但它在IE中不起作用.我想在jQuery中加载状态下拉列表中的状态时存在一些问题.我正在使用的jQuery代码是

$('select#edit-country').change(function(e) {

    $.getJSON("loadContactUsStates",{id: $(this).val(), ajax: 'true'}, function(j){
        var options = '';

        for (var i = 0; i < j.length; i++) { 
            options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';

        }

    <!-----I guess the problem is with the below line------------------>
       $("select#edit-state").html(options);

    })//end json

});
Run Code Online (Sandbox Code Playgroud)

Kie*_*ron 12

请尝试使用附加代替的HTML方法,在此详细介绍.

编辑

实际上,我自己也遇到过这个问题.对我来说,答案是首先调用,然后追加与使用html方法相同的效果(我认为?).


小智 10

另外(在我的情况下)检查你是否有有效的HTML,我有不匹配的标签,它在Firefox中工作,并没有在IE(6-8)


小智 9

添加到.ajax选项

cache:false,