使用Jquery动态创建和填充下拉列表

Question

我需要动态创建和填充下拉列表。

显示层次结构的水平。如果我将层次结构级别设置为5.我需要创建5个下拉列表。

它们是Cascading下拉列表的类型，其中onchange的一个填充下一个下拉列表，依此类推。

最初在页面加载时，仅填充第一个下拉列表。

我是Jquery的新手，所以最初我在页面上添加了五个下拉列表， 我让他们努力工作，当我选择第一个时，它会填充下一个下拉列表，依此类推。

我陷入困境并需要帮助的部分是，如何根据配置条目动态创建下拉列表 然后将它们绑定到onchange事件。

您能否提供有关如何执行上述操作的示例代码或提供有助于我实现相同目标的链接。

非常感谢

Answer 1

结帐this Cascading Dropdown Plugin for ASP.NET

Answer 2

<select>下拉列表中填充了<option>个，您可以使用标准jQuery DOM manipulation methods对其进行操作。

从这个HTML开始：

<select id="blah"></select>

您可以使用以下内容动态添加选项：

var val = 1;
var txt = 'One';
$('#blah').append('<option value="' + val + '">' + txt + '</option>');