0

選択ドロップダウンのオプションの1つを、そのページにリダイレクトするリンクにする方法を見つけようとしています。これまでのところ、これを調査することから、リダイレクトされるすべてのオプションリンクを作成する方法しか見つかりませんでした(ドロップダウンフォームからの選択でページをロードします)が、オプションの1つだけをリンクにしたいです。また、送信ボタンを押さずに機能するリンクが必要です。

@VLADIMIR の提案を使用して編集:

    <form method="get" id="searchform" name="searchform" action="<?php echo home_url(); ?>/">
    <select name="posttype" id="selection">
            <option name="Product" value="Product">Legal Documents</option>
            <option name="videos" value="videos">Legal Advice - Videos</option>
             <option value="http://www.testing.com">An Attorney</option>
        </select>
 <input name="s" id="s" class="s" type="text" onfocus="if(this.value=='<?php _e('');?>') this.value='';" onblur="if(this.value=='') this.value='<?php _e('');?>';" value="<?php _e('');?>" />

<button tabindex="2" type="submit" class="search_btn"> 
    </button>

    <?php wp_dropdown_categories( 'taxonomy=videoscategory&show_option_all=All Practice Areas' ); ?>
    <?php wp_dropdown_categories( 'taxonomy=states&show_option_all=All U.S States' ); ?>

    </form>

    <script type="text/javascript">
    $(document).ready(function() {
        $("#selection").change(function() {
            var curVal = $("#selection option:selected").val();
            if (curVal.indexOf('http://') === 0) {
                location = $("#selection option:selected").val();
            }
        });
    });
    </script>

また、複数の値を持つ 1 つのオプションを持つ方法はありますか?

4

1 に答える 1

1

ドロップダウン フォームから選択すると、ロード ページからソリューションを適応させることができます。

JS コードを次のように置き換えます

$(document).ready(function() {
    $("#selection").change(function() {
        var curVal = $("#selection option:selected").val();
        if (curVal.indexOf('http://') === 0) {
            location = $("#selection option:selected").val();
        }
    });
});

オプションの値を確認し、それが「http://」で始まる場合は、新しい場所を設定するという考え方です。

于 2012-12-21T20:24:15.910 に答える