选择下拉，只有一个选项作为链接

Question

我试图弄清楚如何在我的选择下拉列表中创建一个重定向到该页面的链接。到目前为止，我只找到了一种方法来制作重定向到 (Load page on selection from dropdown form) 的所有选项链接，但我只希望一个 选项成为一条链接。我还需要链接在不点击提交按钮的情况下工作。

使用@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>

还有没有办法让一个选项具有多个值？

Answer 1

您可以从Load page on selection from dropdown form调整解决方案

将 JS 代码替换为

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

想法是检查选项值，如果它以“http://”开头，则设置新位置。