假设你的回答是“成功数据”。这包含一个列表，您需要在下拉菜单中添加选项。

success: function (successData) {
var sizeOfData = successData.length;
if (sizeOfData == 0) {
    //    NO DATA, throw an alert ...
    alert ("No Data Found");
} else {
    $.each(successData, function(val, text) {
        mySelect.append(
            $('<option></option>').val(val).html(text)
        );
    });
} }

这将为您工作....

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

你可以直接使用

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

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

我需要为下拉菜单添加尽可能多的选项，因为我的页面上有下拉菜单。所以我是这样用的:

function myAppender(obj, value, text){
    obj.append($('<option></option>').val(value).html(text));
}

$(document).ready(function() {
    var counter = 0;
    var builder = 0;
    // Get the number of dropdowns
    $('[id*="ddlPosition_"]').each(function() {
        counter++;
    });

    // Add the options for each dropdown
    $('[id*="ddlPosition_"]').each(function() {
        var myId = this.id.split('_')[1];

        // Add each option in a loop for the specific dropdown we are on
        for (var i=0; i<counter; i++) {
            myAppender($('[id*="ddlPosition_'+myId+'"]'), i, i+1);
        }
        $('[id*="ddlPosition_'+myId+'"]').val(builder);
        builder++;
    });
});

这将动态地设置值为1到n的下拉列表，并根据下拉列表的顺序自动选择值(例如，第二个下拉列表在框中得到“2”，等等)。

我不能用这个或这个，这太荒谬了。对象或$。在第二个.each()中，我必须获得该对象的特定ID，然后在它附加之前将整个对象获取并传递给我的函数。幸运的是，我的下拉列表的ID被一个“_”隔开，我可以抓取它。我觉得我不应该这样做，但它一直给我jQuery异常。我所经历的那些让别人纠结的事情，也许会让人乐于知道。

假设你的回答是“成功数据”。这包含一个列表，您需要在下拉菜单中添加选项。

success: function (successData) {
var sizeOfData = successData.length;
if (sizeOfData == 0) {
    //    NO DATA, throw an alert ...
    alert ("No Data Found");
} else {
    $.each(successData, function(val, text) {
        mySelect.append(
            $('<option></option>').val(val).html(text)
        );
    });
} }

这将为您工作....

不使用任何额外的插件，

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

如果您有很多选项，或者这段代码需要非常频繁地运行，那么您应该考虑使用DocumentFragment，而不是不必要地多次修改DOM。只有少数几个选择，我认为这是不值得的。

------------------------------- 添加 --------------------------------

DocumentFragment是一个提高速度的好选项，但是我们不能使用document.createElement('option')创建选项元素，因为IE6和IE7不支持它。

我们可以做的是，创建一个新的选择元素，然后附加所有选项。循环完成后，将其附加到实际的DOM对象。

var myOptions = {
    val1 : 'text1',
    val2 : 'text2'
};
var _select = $('<select>');
$.each(myOptions, function(val, text) {
    _select.append(
            $('<option></option>').val(val).html(text)
        );
});
$('#mySelect').append(_select.html());

这样我们只修改DOM一次!