如何使用jQuery动态创建下拉菜单？

Question

如何使用jQuery动态创建下拉列表？ 我指的是带有相应 <option> 值的 <select>。

- user550881

---

你是指下拉菜单吗？是不是指的是<select>标签？ - Reigel Gallarde

能否提供更多的信息？ - Tim

Answer 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

- Felix Kling

---

以上链接详细解释了如何使用jQuery动态添加下拉菜单的步骤，非常有帮助。建议查看一下。 :) - vinodh

在我的情况下，按照以下步骤进行...我该如何将其附加到新添加的HTML元素上？我的意思是s.appendTo(什么?) var table = document.getElementById("demoGrid"); var row = table.insertRow(1); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1);cell1.innerHTML="<input type='text' />" // 我希望在这里显示下拉列表供用户选择 - singhswat

@singhswat：s.appendTo(cell1)。 - Felix Kling

Answer 2

在其最简单的形式下，

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

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

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

- Robin Maben

Answer 3

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

- fetzig