ここの別のスレッドで次のコードを見つけて、Jquery ドロップダウン メニューを作成しました。
$(document).ready(function() {
$('#myselector').change(function(){
$('.statecontent').hide();
$('#' + $(this).val()).show();
});
});
HTMLは次のようになります
<select id="myselector">
<option value="state1">State 1</option>
<option value="state2">State 2 </option>
<option value="state3">State 3</option>
</select>
<div id="state1" class="statecontent">State1 Specific Page Content Goes here</div>
<div id="state2" class="statecontent">State2 Specific Page Content Goes here</div>
<div id="state3" class="statecontent">State3 Specific Page Content Goes here</div>
これは 1 つの問題を除いて問題なく機能します。ページが読み込まれると、3 つのオプションすべてのテキストが表示されます。ただし、オプションを選択すると、他のテキストは消えて、関連するテキストのみが表示されます。3 つのオプションすべてのテキストが読み込まれるのはなぜですか? ユーザーが別のオプションを選択するまで、最初のオプションのテキストのみが表示されるように修正するにはどうすればよいですか? 助けてくれてありがとう。