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

【问题标题】：Dynamically create and populate dropdownlist using Jquery使用 Jquery 动态创建和填充下拉列表
【发布时间】：2011-12-19 18:35:09
【问题描述】：

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

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

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

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

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

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

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

非常感谢

【问题讨论】：

【解决方案1】：

为 ASP.NET 结帐 this Cascading Dropdown Plugin

【讨论】：

【解决方案2】：

<select> 下拉列表中充满了<option>s，您可以使用标准的jQuery DOM manipulation methods 来操作这些。

从这个 HTML 开始：

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

您可以通过以下方式动态添加选项：

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

【讨论】：