如何制作下拉列表并在选择时更改内容 - 我的内容是 jquery 手风琴?
我在手风琴中有一份工作和描述的列表,但我想通过添加某种下拉列表或类似的东西来对这些工作进行分类。因此,当您选择一个类别(例如创意工作)时,它只显示该类别中的工作。必须能够支持jquery 手风琴。
谢谢 :)
如何制作下拉列表并在选择时更改内容 - 我的内容是 jquery 手风琴?
我在手风琴中有一份工作和描述的列表,但我想通过添加某种下拉列表或类似的东西来对这些工作进行分类。因此,当您选择一个类别(例如创意工作)时,它只显示该类别中的工作。必须能够支持jquery 手风琴。
谢谢 :)
<select id="someid">
<option value="1">one</option>
<option value="2">two/option>
<option value="3">three</option>
<option value="4">four</option>
</select>
<p>change goes here and put it inside your accordion content tab</p>
脚本
$(document).ready(function(){
$('#someid').change(function(){
$('p').html($(this).text());
});
});
在你的选择元素中使用 onchange="" 事件,或者让 jQuery 通过元素 id / class / name 来处理这个,由你决定。如果我没记错的话,它不会干扰手风琴的工作。
一个小例子:
**html**
<html><body><select id="theList" onchange="showId();"><option>opt1</option><option>opt2</option></select></body></html>
**js**
<script>function showId() { var list = getElementById("theList"); alert(list.options[selectedIndex].value); </script>
希望这能澄清我的意思。