不使用任何額外的插件，

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一次！

沒有插件，如果不使用盡可能多的jQuery，這可以更容易，而不是更老的學校：

var myOptions = {
    val1 : 'text1',
    val2 : 'text2'};$.each(myOptions, function(val, text) {
    $('#mySelect').append( new Option(text,val) );});

如果要指定選項a）是否為默認選擇值，并且b）現在應該選擇，則可以傳入另外兩個參數：

    var defaultSelected = false;
    var nowSelected     = true;
    $('#mySelect').append( new Option(text,val,defaultSelected,nowSelected) );

使用插件：jQuery Selection Box。你可以這樣做：

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