21

助けを求めているJavaScriptは初めてです。5つのオプションがある選択ドロップダウンのあるフォームがあります。Option1 Option2 option3 Option4 Option5 '

ページ読み込み時のデフォルトであるオプション1以外のオプションのいずれかが選択されている場合は、別のURLにリダイレクトするためのフォームが必要です。

前もって感謝します

私は以下だけを使用しました

<form action="" id="main" name="main" method="get" onChange="top.location.href=this.options[this.selectedIndex].value;" value="GO">

<select id="Region" name="Region" tabindex="7">
   <option value="/url">Option1</option>
   <option value="/url">Option2</option>
   <option value="/url">Option3</option>
   <option value="/url>Option4</option>
   <option value="" selected="selected">Option5</option>'
</select>
4

3 に答える 3

60

onchnage Event選択ボックスにを使用するだけです。

<select id="selectbox" name="" onchange="javascript:location.href = this.value;">
    <option value="https://www.yahoo.com/" selected>Option1</option>
    <option value="https://www.google.co.in/">Option2</option>
    <option value="https://www.gmail.com/">Option3</option>

</select>

また、ページの読み込み時に読み込まれるオプションを選択した場合は、JavaScriptコードを追加します

<script type="text/javascript">
    window.onload = function(){
        location.href=document.getElementById("selectbox").value;
    }       
</script>

<select>jQueryの場合：タグからonchangeイベントを削除します

jQuery(function () {
    // remove the below comment in case you need chnage on document ready
    // location.href=jQuery("#selectbox").val(); 
    jQuery("#selectbox").change(function () {
        location.href = jQuery(this).val();
    })
})
于 2012-09-12T14:20:33.273 に答える
15

この簡単な方法を使用できます

<select onchange="location = this.value;">
                <option value="/finished">Finished</option>
                <option value="/break">Break</option>
                <option value="/issue">Issues</option>
                <option value="/downtime">Downtime</option>
</select>

.htmlページに転送したりvalue、オプションを変更するだけでリンクに転送したりできるルートURLにリダイレクトされます。

于 2017-04-07T05:52:51.163 に答える
0

これは、selectコントロールのonchangeイベントにコードを追加することでアーカイブできます。

例えば：

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
    <option value="http://gmail.com">Gmail</option>
    <option value="http://youtube.com">Youtube</option>
</select>
于 2018-07-01T13:04:45.070 に答える