Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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>
Ответить с цитированием
  #2 (permalink)  
Старый 28.06.2015, 20:22
Новичок на форуме
Отправить личное сообщение для Oresama Посмотреть профиль Найти все сообщения от Oresama
 
Регистрация: 27.06.2015
Сообщений: 2

Решил вопрос так, вдруг кому то пригодится.
<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();
     };
    });         
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Меняющейся текст при выборе select ainur777 Общие вопросы Javascript 0 24.10.2014 22:01
Выделение строки <select> при выборе checkbox DarkMaster13 Общие вопросы Javascript 4 14.04.2014 03:30
при выборе в 1-ом select соот.-щая инф. отображается в другом select celencer Общие вопросы Javascript 1 24.05.2009 20:38
Выделение строки <select> при выборе другого <select> simbion Элементы интерфейса 12 05.05.2009 03:43
раскрывать/скрывать <td> при выборе определенного элемента списка zip Элементы интерфейса 2 19.01.2009 13:58