Адрес страницы в зависимости от значения

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