Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Действие при одновременном выборе в разных выпадающих списках (https://javascript.ru/forum/dom-window/56655-dejjstvie-pri-odnovremennom-vybore-v-raznykh-vypadayushhikh-spiskakh.html)

Oresama 27.06.2015 11:14

Действие при одновременном выборе в разных выпадающих списках
 
Приветствую, есть форма и есть скрипт, который скрывает "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>

Oresama 28.06.2015 20:22

Решил вопрос так, вдруг кому то пригодится.
<div id="Form">
<form name="Form1">
<select id="sel" name="blok1">
<option selected value="1">позиция 1</option>
<option value="2">позиция 2</option>
<option value="3">позиция 3</option>
<option value="4">позиция 4</option>
</select>
<select id="sel1" name="blok2">
<option selected value="5">позиция 5</option>
<option value="6">позиция 6</option>
<option value="7">позиция 7</option>
<option value="8">позиция 8</option>
</select>
<div id="text1">10% СКИДКИ</div>
<div id="text2">50% СКИДКИ</div>
</form>
<div>


$(document).ready(function(){
 $("#text1, #text2").hide();
  $("#Form").change(function(){
     var valOpt = $(this).find('#sel :selected').val();
     var valOp = $(this).find('#sel1 :selected').val();
     if(valOpt==1)$("#text1").hide();
     if(valOpt==2)$("#text1").hide();
     if(valOpt==3)$("#text1").show();
     if(valOpt==4)$("#text1").show();
     if(valOpt==8)$("#text2").show();
     if(valOpt==3 && valOp==8){
         $("#text1").hide();
         $("#text2").show();
     };
    });         
});


Часовой пояс GMT +3, время: 00:27.