Question

我有一个严重的问题。我想在这个表单“男性”和“女性”中添加两个字段，并将它们分配给不同的地址，例如“女性”htp：//female.com和男性“htp：//male.com”。因此，如果您选择“Category1”并选中“女性”字段，您将被重定向到“htp：//female.com/Category1”页面，如果您检查字段“male”和“Category1”，您将被重定向到页面“htp：//male.com/Category1”

function Open() {
  var url=document.redirect.selection.value
  document.location.href=url 
}

<form name="redirect">
    <select name="selection">
        <option value="/category1">Category1</option>
        <option value="/category2">Category2</option>
    </select>
    <input type=button value="Go!" onClick="Open();">
</form>

Answer 1

这只是一个快速概述可能的解决方案。所以，如果我理解你，你正在寻找这个。

http://jsfiddle.net/ZpMFY/show/

<script>
    function Open() {
        var category = document.redirect.selection.value,
            domain = document.querySelector('input[name="gender"]:checked').value;;

        document.location.href= domain + category;
    }
</script>

<form name="redirect">
    <p>
        <input type="radio" name="gender" value="http://male.com" checked>Male
        <input type="radio" name="gender" value="http://female.com">Female
    </p>     

    <select name="selection">
        <option value="/category1">Category1</option>
        <option value="/category2">Category2</option>
    </select>

    <input type="button" value="Go!" onclick="Open();">
</form>

您应该注意.queryselector()仅适用于IE8和UP

Answer 2

试试这个

$('select').change(function(){
   location = this.options[this.selectedIndex].value;
})

页面的地址取决于值

2 个答案: