链接的下拉列表和加载 div答案

【问题标题】：Linked drop down lists and load div链接的下拉列表和加载 div
【发布时间】：2010-09-30 17:16:15
【问题描述】：

在编程方面我是个新手，但我正在努力学习。我需要为我的网站做的是有 2 或 3 个链接的下拉菜单，所以当我从第一个中选择一个项目时，第二个将用其他选项刷新。我找到了一种使用 Java 的方法，但我似乎无法通过刷新 div 部分来实现。我查了prototypejs/updater，但它有点超过我的head，并且似乎无法将它与我用于下拉菜单的JavaScript链接...

因此，如果有人能告诉我如何链接两个（可能是 3 个）下拉菜单，然后如果我单击最后一个菜单中的一个选项，请从页面刷新其他内容中创建 div，请帮助 :)

【问题讨论】：

你是使用原型框架，还是其他框架，或者没有框架？

标签： javascript html html-select

【解决方案1】：

尝试在 google 上搜索动态选择框，有很多示例，请选择最适合您知识的不太复杂的一个。

原理是将函数链接到选择框在选择项目时触发的“onchange”事件。

假设这个选择框：

<select id="select1" name="option">
</select>

javascript 片段是：

var sel1 = document.getElementById("select1");
sel1.onchange = function() {
  //do whatever you want
};

对于第一个和第二个选择，该函数将加载其他选择的选项，而在第三种情况下，它将显示您的 div

【讨论】：

【解决方案2】：

不是 100% 确定你在追求什么 - 但我认为这至少应该让你有所收获：

http://remysharp.com/2007/09/18/auto-populate-multiple-select-boxes/

这是一个 jQuery 插件，用于将选择框链接在一起，使用 Ajax 加载数据以根据上一个选择的值填充链中的下一个框。

您仍然需要将最后一个框与 div 链接 - 但您应该能够自己使用类似的方法来完成 - 请参阅 jQuery Ajax 文档。

http://docs.jquery.com/Ajax

【讨论】：