javascript - jQuery val() 在 IE 中无法用于动态添加的选项

Question

我正在通过 jQuery ajax 方法为我的下拉菜单生成选项，并通过 db 填充它。

$.ajax({
        type: "POST",
        url: pageUrl + '/FillAssignee',
        data: {},
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
                        for (var i = 0; i < response.d.length; i++) {
                            $('#SelectAssignee').append($("<option></option>").val(response.d[i]['Value']).html(response.d[i]['Text']));
                        }
                        if (response.d.length > 0) 
                        {
                          $('#SelectAssignee>option:eq(1)').attr('selected', true); 
                          alert($('#SelectAssignee').val()); //this line giving me correct value but value not showing in dropdown as selected in ie
                        }
                  }            
      });

它工作正常。唯一的问题是第一个值在 IE 上默认没有被选中。所以为此我使用了很多选项

1. $('#SelectAssignee').val();
2. $('#SelectAssignee option:first').attr('selected','selected');
3. $('#SelectAssignee option:first').prop('selected',true);

我怎样才能让它工作？

Answer 1

尝试这样的事情

 var selObj = document.getElementById('SelectAssignee');
 selObj.selectedIndex = 0;