2014-02-17 79 views
0

我有一個嚴重的問題。我想爲這個表單添加兩個字段「男性」和「女性」,並將它們分配給不同的地址,例如「女性」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> 

回答

0

這僅僅是勾勒出一個可能的解決方案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

0

試試這個

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