javascript - 使用 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
    }));
});

FIDDLE DEMO