使用 jquery 将值附加到 asp.net 下拉列表答案

【问题标题】：append values to asp.net dropdownlist with jquery使用 jquery 将值附加到 asp.net 下拉列表
【发布时间】：2013-06-14 11:05:30
【问题描述】：

我正在尝试使用 jquery 附加一个值，但我尝试使用该选项的方式不想附加。这是我正在尝试的（出于测试目的）：

 $('#<%=btnSelectAgentAdd.ClientID %>').click(function () {              
                var myOptions = {
                    val1: 100,
                    val2: 'text2'
                };
                $('#<%=ddlAgentName.ClientID %>').append(new Option(myOptions.val2, myOptions.val1));             
             });

我也试过这个：

 $('#<%=btnSelectAgentAdd.ClientID %>').click(function () {
                var mySelect = $('#<%=ddlAgentName.ClientID %>');
                var myOptions = {
                    val1: 100,
                    val2: 'text2'
                };
                $.each(myOptions, function(val, text) {
    $('#<%=ddlAgentName.ClientID %>').append( new Option(text,val) );
});           
             });

还有这个：

 $('#<%=btnSelectAgentAdd.ClientID %>').click(function () {
                var mySelect = $('#<%=ddlAgentName.ClientID %>');
                var myOptions = {
                    val1: 100,
                    val2: 'text2'
                };
                $.each(myOptions, function(val, text) {
    mySelect.append(
        $('<option></option>').val(val).html(text)
    );
             });

它们都没有工作。使用 firebug 进行调试表明，当要将值附加到下拉列表时，错误发生在最后一步。欢迎任何建议。谢谢，Laziale

【问题讨论】：

标签： javascript jquery asp.net jquery-ui drop-down-menu

【解决方案1】：

试试这样：

$.each(myOptions, function (val, text) {
    mySelect.append($('<option />', {
        value: val,
        text: text
    }));
});

FIDDLE DEMO

【讨论】：

【解决方案2】：

var newOption = "<option value='"+"1"+"'>Some Text</option>"; 
$("#ddlCategory").append(newOption);

参考How do I add an option to a dropdown list using jQuery?

【讨论】：

【解决方案3】：

试试这个

$('#<%=btnSelectAgentAdd.ClientID %>').click(function () {
                var mySelect = $('#<%=ddlAgentName.ClientID %>').append('<option value="100">yourtext</option><option value="100">yourtext</option>');

             });

【讨论】：