Показать сообщение отдельно
  #1 (permalink)  
Старый 27.06.2015, 11:14
Новичок на форуме
Отправить личное сообщение для Oresama Посмотреть профиль Найти все сообщения от Oresama
 
Регистрация: 27.06.2015
Сообщений: 2

Действие при одновременном выборе в разных выпадающих списках
Приветствую, есть форма и есть скрипт, который скрывает "text1" и "text2" и при выборе "позиции 3" или "позиции 4" отображает "text1". Что нужно добавить в этот скрипт чтобы "text2" отображался при одновременном выборе в "block1" "позиции 3" и в "blok2" "позиции 7" и не отображался "text1"?
<div id="Form">
<form name="Form1">
<div id="text1">10% СКИДКИ</div>
<div id="text2">50% СКИДКИ</div>
<select name="blok1">
<option selected value="p1">позиция 1</option>
<option value="p2">позиция 2</option>
<option value="p3">позиция 3</option>
<option value="p4">позиция 4</option>
</select>
<select name="blok2">
<option selected value="p5">позиция 5</option>
<option value="p6">позиция 6</option>
<option value="p7">позиция 7</option>
<option value="p8">позиция 8</option>
</select>
<input type="submit" id="Button" name="" value="">
</form>
<div>

<script type="text/javascript" >
$(document).ready(function(){
 $("#text1, #text2").hide();
  $("#Form").change(function(){
     var valOpt = $(this).find('option:selected').val();
     if(valOpt==p1)$("#text1").hide();
     if(valOpt==p2)$("#text1").hide();
     if(valOpt==p3)$("#text1").show();
     if(valOpt==p4)$("#text1").show();
    });         
});
</script>
Ответить с цитированием