如何使用<select onchange =“”>元素更改页面内容？</select>

Question

我想知道是否有人使用过以下HTML元素？

<select onChange="function()"></select>

我希望在我目前正在建设的网站上为运动装置页面添加一些功能。我希望用户能够选择一个回合并在包含区域内显示内容，具体取决于从选项元素中选择的回合。

我有一个我正在尝试achieve here的例子。我还看了W3 Schools示例。但是由于我使用JavaScript的初学者知识和经验，我在实现我正在寻找的方面遇到了一些困难。

我一直在线搜索并通过AFL Fixture页面的代码，但我似乎无法找到有关如何实现这一目标的任何内容。

关于如何完成这项工作的任何建议都将不胜感激。

提前感谢你

Stu：）

Answer 1

您对可以使用的库有任何限制吗？ 使用jQuery，你可以通过使用

完成它

$('select').change(function(){ /* CODE HERE */ });

在这里查看这个小提琴：http://jsfiddle.net/pavkr/0k3ngfek/

编辑： 更新了数据集：http://jsfiddle.net/pavkr/0k3ngfek/1/

Answer 2

您想要使用的是Ajax。

调用onChange()时，从函数中获取所选值，并使用$.ajax获取相关HTML内容。

然后在完成ajax调用后，使用jqXHR.done()方法更新内容。