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

Question

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

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>

user3318696 17 фев. 2014, в 12:21

Источник

Теги:

javascript

html

2 ответа

Ещё вопросы

Rakesh Kumar · Answer 1 · 2014-02-17T08-23-00.000Z

Попробуй это

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

gearsdigital · Answer 2 · 2014-02-17T08-02-00.000Z

Это просто быстрый способ изложить возможное решение. Поэтому, если я правильно понимаю вас, вы ищете это.

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