1

シンプルな HTML ドロップダウン選択ボックスがあります。

これを「何かが選択されると」> ページがカスタム URL にリダイレクトするように機能させたいと考えています。

以下は私のマークアップです。

<fieldset id="size"><legend>Product Options</legend>
<div class="wpsc_variation_forms">
<table>
<tr><td class="col1"><label for="variation_select_48_5">Choose Size:</label></td>
<td class="col2"><select class="wpsc_select_variation" name="variation[5]" id="variation_select_48_5">
<option value="0" >-- Please Select --</option>
<option value="8" >Large</option>
<option value="7" >Medium</option>
<option value="6" >Small</option>
</select></td></tr>
</table>
</div><!--close wpsc_variation_forms-->
</fieldset>

同様の質問を見つけました。しかし、与えられた解決策は少しぎこちないようです。

JavascriptなしでリダイレクトするSELECTドロップダウン

4

4 に答える 4

3

jQuery の場合:

$(function() {
    $('#variation_select_48_5').change(function() {
        document.location = 'http://customurl.abc';
    });
});
于 2013-08-26T21:30:02.070 に答える
1

私が知っている最も簡単な方法は、onchangeselect 要素にイベントを割り当て、オプションの値を URL にすることです。

<select onchange="window.location = this.options[this.selectedIndex].value;">
<option value="http://your-url">Large</option>
</select>
于 2013-08-26T21:31:04.510 に答える
1

私は小さな関数を書き、返された結果に応じてそれをトリガーします

<?PHP
    function redirect($where){      
       header("Location: $where");
    }

    if ($_REQUEST['select1'] == '8'){
        redirect('http://example.com/somewhere.php');
    }elseif($_REQUEST['select1'] == '7'){
        redirect('http://example.com/elsewhere.php');
    }elseif($_REQUEST['select1'] == '6'){
        redirect('http://example.com/elsewhere.php');
    }
?>

<form>
<select name="select1" class="wpsc_select_variation" name="variation[5]" id="variation_select_48_5" onchange="this.form.submit()">
<option value="0" >-- Please Select --</option>
<option value="8" >Large</option>
<option value="7" >Medium</option>
<option value="6" >Small</option>
</select>

必要な唯一の JavaScript はselect、送信をトリガーするタグ内です。onchange="this.form.submit()"

于 2013-08-26T21:44:49.947 に答える
0

お役に立てれば

$("select#wpsc_select_variation").change(function(){
    if ($(this).val() !== 0) {
        switch($(this).val())
        { 
            case(8):
                window.location.href = http://www.8.com
            case(7):
                window.location.href = http://www.7.com
            case(6):
                window.location.href = http://www.6.com
        }
    }
});
于 2013-08-26T21:35:31.983 に答える