如何使用JQuery在下拉列表中选择默认值

Question

我想选择“阿尔及利亚”作为下拉列表中的默认选定值。我使用 JSON 数据格式的处理程序 ( LoadCountryList.ashx ) 从数据库中获取国家/地区列表，并使用下面给出的 Jquery 的 $.getJSON 程序将其绑定到 aspx 页面上的下拉列表

function AddOptions(objSelect)
{
    var URL ="~/LoadCountryList.ashx";
    $.getJSON(URL,function(countries){
        $.each(countries,function(){
            var vCountry = this['Country'];
            $(objSelect).append($("<option></option>").val(this['ID']).html(vCountry));
        });
    });
}

，最后我尝试设置其默认值“阿尔及利亚”。

$(objSelect).find("option[text='Algeria']").attr("selected","selected"); 
OR
$(objSelect).find("option[value='3']").attr("selected","selected");

但它不起作用。有没有人建议我该怎么做。

更新：

另外我想显示等待消息，例如正在加载...直到它从数据库中获取完整的国家/地区列表。

Answer 1

要按值执行此操作，您只需使用 val()^(docs) 方法。

$(objSelect).val('3');

对于文本内容，最安全的是使用 filter()^{( docs）} 方法。

$(objSelect).find('option').filter(function() {
    return this.text === 'Algeria';
}).attr('selected','selected');

---

编辑：确保您在 getJSON() 调用的回调内部执行此操作。

Answer 2

$(objSelect).val("Algeria");

应该这样做。

Answer 3

这应该有效：

$(objSelect).val("3");

Answer 4

试试这个：-

$(objSelect).combobox("destroy");     
$(objSelect).val("Algeria");
$(objSelect).combobox();

Answer 5

哟也可以试试这个

$(objSelect).val('1');