正如问题所说,我如何使用jQuery添加一个新的选项到下拉列表?

谢谢


当前回答

jQuery选择框插件。你可以这样做:

var myOptions = {
        "Value 1" : "Text 1",
        "Value 2" : "Text 2",
        "Value 3" : "Text 3"
    }
    $("#myselect2").addOption(myOptions, false); 

其他回答

你可能想先清除你的下拉菜单 $ (' # DropDownQuality ')空虚();

我让我的控制器在MVC中返回一个只有一个项目的选择列表。

$('#DropDownQuality').append(
        $('<option></option>').val(data[0].Value).html(data[0].Text));    

请注意@Phrogz的解决方案不能在ie8中运行,而@nickf的解决方案可以在所有主流浏览器中运行。另一种方法是:

$.each(myOptions, function(val, text) {
    $("#mySelect").append($("&lt;option/&gt;").attr("value", val).text(text));
});

你可以直接使用

美元(Html ddlClassName”)。(“<选项selected =价值=“selected \ \ " \ " > 1 < /选项> <选项价值= \ " \ " > 2 < /选项>”)

这里你可以使用直接字符串

jQuery选择框插件。你可以这样做:

var myOptions = {
        "Value 1" : "Text 1",
        "Value 2" : "Text 2",
        "Value 3" : "Text 3"
    }
    $("#myselect2").addOption(myOptions, false); 

另外,使用.prepend()将选项添加到选项列表的开头。 http://api.jquery.com/prepend/