如何使用jQuery动态创建下拉列表？答案

【问题标题】：How to create dropdown list dynamically using jQuery?如何使用jQuery动态创建下拉列表？
【发布时间】：2011-01-27 09:18:53
【问题描述】：

如何使用 jQuery 动态创建下拉列表？通过下拉列表，我的意思是 <select> 及其关联的 <option> 值。

【问题讨论】：

dropdown list?你是说<select> 标签吗？
能否提供更多信息？

标签： jquery

【解决方案1】：

只需像创建任何元素一样创建元素。

例子：

var data = {
    'foo': 'bar',
    'foo2': 'baz'
}


var s = $('<select />');

for(var val in data) {
    $('<option />', {value: val, text: data[val]}).appendTo(s);
}

s.appendTo('body'); // or wherever it should be

【讨论】：

c-sharpcorner.com/UploadFile/dhananjaycoder/… - 上面的链接正在解释上面的答案是如何一步一步地工作的。它会有所帮助。看看那个。 :)
在我的情况下，请执行以下操作...如何将其附加到新添加的 html 元素？我的意思是 s.appendTo (what?) var table = document.getElementById("demoGrid"); var row = table.insertRow(1); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1.innerHTML = "" // 我想在这里显示下拉列表供用户选择
@singhswat: s.appendTo(cell1).

【解决方案2】：

以最简单的形式，

var opt = "<option> -- Select -- </option>";

$(opt).wrap('<select />');

$('#some-container-div').html(opt);

【讨论】：

【解决方案3】：

http://hungred.com/how-to/tutorial-jquery-select-box-manipulation-plugin/

【讨论】：