頁面地址取決於值

Question

我有一個嚴重的問題。我想爲這個表單添加兩個字段「男性」和「女性」，並將它們分配給不同的地址，例如「女性」htp：//female.com和男性「htp：//male.com」。因此，如果您選擇「類別1」並選中字段「女性」，您將被重定向到「htp：//female.com/Category1」頁面，如果您選中字段「男性」和「類別1」，您將被重定向到頁 「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

這僅僅是勾勒出一個可能的解決方案quickshot。所以，如果我正確理解你，你正在尋找這個。

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; 
})