Question

我正在尝试弄清楚如何在我的选择下拉一个重定向到该页面的链接中的一个选项。到目前为止，我还没有找到一种方法来制作重定向的所有选项链接（http://stackoverflow.com/questions/10175445/load-page-on-selection-from-dropdown-form）但是我仅希望1 选项成为链接。此外，我需要链接工作，而无需点击提交按钮。

使用@VLADIMIR编辑＆＃39; S建议：

    <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个选项有多个值吗？

提前致谢。

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：//”开头，则设置新位置。

选择Dropdown with / only 1选项作为链接

1 个答案: