0

我试图弄清楚如何在我的选择下拉列表中创建一个重定向到该页面的链接。到目前为止，我只找到了一种方法来制作所有重定向到的选项链接（从下拉表单中选择加载页面），但我只希望其中一个选项成为链接。我还需要链接在不点击提交按钮的情况下工作。

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

还有一种方法可以让一个选项具有多个值吗？

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 回答