如何使用 JavaScript 从另一个列表框填充一个列表框？答案

【问题标题】：How do I populate one listbox from another listbox using JavaScript?如何使用 JavaScript 从另一个列表框填充一个列表框？
【发布时间】：2009-01-23 11:38:04
【问题描述】：

谁能告诉我如何使用 JavaScript 或 ASP.NET 2.0 从另一个列表框项填充一个列表框？

复制

How would I move one list box items to another listbox items in JavaScript?

例如——我的第一个列表框是地区，然后根据地区选择显示第二个列表框国家，并根据国家选择状态列表框将显示全部来自数据库，取决于地区 ID 或国家 ID 全部

【问题讨论】：

复制：stackoverflow.com/questions/204140/…
请详细说明您的需求。您希望其他列表框填充什么？这些数据来自哪里？
For ex--我的第一个列表框是地区然后根据地区选择将显示第二个列表框国家和根据国家选择状态列表框将显示所有来自数据库取决于地区 ID 或国家 ID全部

标签： asp.net javascript

【解决方案1】：

您可能对 ASP.net AJAX 控件工具包中的“级联下拉”控件感兴趣。 http://www.asp.net/AJAX/AjaxControlToolkit/Samples/CascadingDropDown/CascadingDropDown.aspx

您也可以在没有工具包的情况下执行此操作，使用来自 ASP.net AJAX 的标准 UpdatePanel，并将第一个下拉列表的“onChange”事件指定为要更新的 UpdatePanel 的“触发器”。确保您在下拉菜单中设置 AutoPostback="true"，这样如果您也走这条路线，它就会正确触发。

【讨论】：

【解决方案2】：

您的问题遗漏了很多细节，但基本上您会将函数连接到第一个列表框的onchange 事件，这将填充第二个列表框。如果需要动态加载内容，则需要使用 AJAX（或类似方法）将它们从服务器中拉出并将它们推送到第二个框中；或者，如果您的内容是静态定义的并且不是太重，那么将它们与原始文档一起提供（可能作为键控第一个列表框的值的关联数组）会更敏感，然后根据数组查找更新第二个列表框.

【讨论】：