使用 jQuery 将值附加到 asp.net 下拉列表

Question

我正在尝试使用 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 进行调试显示，当将值附加到下拉列表时，最后一步发生错误。

Answer 1

尝试这样：

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

小提琴演示

Answer 2

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

参考 如何使用 jQuery 将选项添加到下拉列表？

Answer 3

试试这个

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

             });