選択ボックス付きのフォームがあります。JavaScriptをオンにした状態で、changeイベントを取得して、options-valuesをlocation.hrefsとして定義します。
$('select').change(function(){
window.location.href = $(this).val();
});
JavaScriptをオフにすると、送信ボタンのある基本的なフォームができます。オプション値で指定されたターゲットに従うには、それらをフォームアクションに設定する必要があります。選択したオプションのみをフォームターゲットとして取得する方法を知っていますか?たとえば、CSSセレクターなどを使用しますか?
フォーム:
<form action="test-1.html">
<fieldset>
<select id="lorem">
<option value="test-1.html">test1</option>
<option value="test-2.html">test2</option>
<option value="test-3.html">test3</option>
</select>
<input type="submit" value="senden" class="submit" />
</fieldset>
</form>