ドロップダウン リストを作成し、選択したときにコンテンツを変更するにはどうすればよいですか - 私のコンテンツは jquery アコーディオンですか?
アコーディオンに仕事のリストと説明がありますが、ある種のドロップダウンなどを追加してこれらの仕事を分類したいと思います。したがって、1 つのカテゴリ (クリエイティブな仕事など) を選択すると、そのカテゴリの仕事のみが表示されます。jquery アコーディオンをサポートできる必要があります。
ありがとう :)
ドロップダウン リストを作成し、選択したときにコンテンツを変更するにはどうすればよいですか - 私のコンテンツは jquery アコーディオンですか?
アコーディオンに仕事のリストと説明がありますが、ある種のドロップダウンなどを追加してこれらの仕事を分類したいと思います。したがって、1 つのカテゴリ (クリエイティブな仕事など) を選択すると、そのカテゴリの仕事のみが表示されます。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());
});
});
select 要素で onchange="" イベントを使用するか、jQuery に要素 ID / クラス / 名前でこれを処理させます。私が間違っていなければ、アコーディオンの動作に干渉することはありません。
小さな例:
**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>
これで私の言いたいことが少し明確になることを願っています。