链接下拉列表和加载div

时间:2009-01-10 22:21:45

标签: javascript html html-select

在编程方面我很新,但我正在努力学习。 我需要为我的网站做的是有2个或3个链接下拉菜单,所以当我从第一个选择项目时,第二个将刷新其他选项。我已经找到了一种方法来使用java,但我似乎无法用刷新div部分。 我查了一下prototypejs / updater,但它有点过头了,似乎无法将它与我用于下拉菜单的javascript链接起来......

所以,如果有人能告诉我如何链接两个,可能是3个下拉菜单,之后如果我点击上一个菜单中的一个选项从页面刷新其他内容的div,请帮助:)

2 个答案:

答案 0 :(得分:2)

不是100%确定你的目标是什么 - 但我认为这应该至少可以帮到你:

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

它是一个jquery插件,用于将选择框链接在一起,使用ajax加载数据,根据前面选择的值填充链中的下一个框。

然后你仍然需要将最后一个框与div相关联 - 但你应该能够自己用类似的方法来做 - 请参阅jquery ajax文档。

http://docs.jquery.com/Ajax

答案 1 :(得分:2)

尝试在谷歌搜索动态选择框,这是很多例子,选择最适合你的知识的复杂的。

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

假设这个选择框:

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

javascript片段是:

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

对于第一个和第二个选择,该函数将加载其他选项的选项,而在第三个案例中它将显示您的div