Два значения поля формы в зависимости от выбора

0

Это базовая форма, у них есть предопределенное значение, которое будет использоваться для создания ссылки, но моя проблема в том, что значения различаются в зависимости от местоположения. Пожалуйста помоги!

<input type="radio" id="iconapp1" name="department" value="1250"/><label for="iconapp1"></label>
<input type="radio" id="iconapp2" name="department" value="944"/ checked><label for="iconapp2">  </label>
<input type="radio" id="iconapp3" name="department" value="4"/><label for="iconapp3"></label>
<input type="radio" id="iconapp4" name="department" value="1254"/><label for="iconapp4"></label>


<input type="radio" id="enginemake1" name="enginemake" value="6" checked/><label for="enginemake1">Chevrolet</label><br>
<input type="radio" id="enginemake2" name="enginemake" value="8"/><label for="enginemake2">Chrysler</label><br>
<input type="radio" id="enginemake3" name="enginemake" value="7"/><label for="enginemake3">Ford</label><br>


<select id="powerrange" name="powerrange">
<option id="powerrange1" value="128">200 HP</option>
<option id="powerrange2" value="178">250 HP</option>
<option id="powerrange3" value="228" selected>300 HP</option>
<option id="powerrange4" value="278">350 HP</option>
</select>

<input type="radio" id="location1" name="location" value="store" checked/><label for="location1">America</label><br>
<input type="radio" id="location2" name="location" value="store.au"/><label for="location2">Australia</label><br>


У меня есть этот скрипт, который работает. Он создает ссылку из предыдущей формы, но моя проблема в том, что значения (отдел, Enginemake и диапазон мощности) различаются в зависимости от местоположения.

Например, если AMERICA выбрал Use Engine Make Value 1, если OCEANICA выбрал использование Engine Make Value 2., это возможно?

<script type="text/javascript">


function goToPage(){
    var location = $('input[name=location]:checked').val();
    var department = $('input[name=department]:checked').val();
    var enginemake = $('input[name=enginemake]:checked').val();
    var powerrange = document.getElementById("powerrange").value;

    window.location.href = "http://"+location+".domain.com/catalog.aspx?section=-"+department+"-"+enginemake+"-"+powerrange+"-";
}
</script>
  • 0
    Хм .. Что именно здесь за вопрос?
  • 0
    Я не уверен, пытаетесь ли вы изменить доступные значения при выборе местоположения или если вы пытаетесь автоматически выбрать значение при выборе местоположения
Показать ещё 1 комментарий
Теги:
forms

1 ответ

0

Вы хотите изменить выбор другого поля в событии click в поле "location"? Если это так, что-то вроде этого внутри $(document).ready будет работать:

$("input[name='location']").click(function(){
   switch($(this).val()){
      case 'store': 
        $("#enginemake").attr("checked", "true");
        break;
     //insert logic for other selections
   }
})

что-то подобное может быть сделано с использованием .hide() и .show() вместо .attr() чтобы сделать разные опции видимыми на основе выбора.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню