изменить значение поля выбора 2 при изменении значения окна выбора 1

Question

изменить значение поля выбора 2 при изменении значения окна выбора 1

спросил 26 Янв, 15 от member 10454138 в категории JavascriptHTMLjQuery

Я не уверен, что идентификатор должен использоваться в Select-Option, в любом случае идентификатор должен быть уникальным.

Он не появляется чтобы быть какой-либо проблемой с вашим кодом.
Возможная проблема при отображении (скрытии) опции выбора, если она уже отображается.

Вы можете попробовать что-то вроде этого:

<!-- modified option attribute to use data-grp instead of id and class --> <select id="ostan" class="DdlProvince">     <option data-grp="1" value="test1">test1</option>     <option data-grp="2" value="test2">test2</option> </select> <select id="shahr" class="DdlProvince">     <option data-grp="1" value="t1">t1</option>     <option data-grp="1" value="t2">t2</option>     <option data-grp="2" value="t3">t3</option>     <option data-grp="2" value="t4">t4</option> </select>

$(document).ready(function () {     $('#ostan').change(function (e) {         var optionSelected = $("option:selected", this).attr('data-grp');         $("#shahr option").css('display', 'none');         $("#shahr option[data-grp='" + optionSelected + "']").css('display', 'block');         //Set the option selectedIndex to the first one in the group of options         $("#shahr")[0].selectedIndex=$("#shahr option[data-grp='" + optionSelected + "']")[0].index;     }); });

Надеюсь, что это поможет.

br> Ссылка на атрибут data- *, если вы заинтересованы:

<!-- modified option attribute to use data-grp instead of id and class --> <select id="ostan" class="DdlProvince">     <option data-grp="1" value="test1">test1</option>     <option data-grp="2" value="test2">test2</option> </select> <select id="shahr" class="DdlProvince">     <option data-grp="1" value="t1">t1</option>     <option data-grp="1" value="t2">t2</option>     <option data-grp="2" value="t3">t3</option>     <option data-grp="2" value="t4">t4</option> </select>

# [

$(document).ready(function () {     $('#ostan').change(function (e) {         var

Пожалуйста, войдите или зарегистрируйтесь чтобы ответить на этот вопрос.

peter leow · Answer 1 · 2015-01-25T23:01:00+0000

Научитесь адаптироваться из этого примера кода:

<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(document).ready(function(){   $("#ostan").on('change', function(){     var value = $(this).val();     $('#shahr option').each(function(){         var $option = $(this);         if ($option.hasClass(value)) {            $option.css('display','block');         } else {            $option.css('display','none');         }     });   }); }); </script> </head> <body> <select id="ostan" class="DdlProvince">     <option value="">Select</option>     <option value="test1">test1</option>     <option value="test2"> test2</option> </select> <br> <br> <select id="shahr" class="DdlProvince">     <option value=""></option>     <option value="t1" style="display: none;" class="test1">t1</option>     <option value="t2" style="display: none;" class="test1">t2</option>     <option value="t3" style="display: none;" class="test2">t3</option>     <option value="t4" style="display: none;" class="test2">t4</option> </select> </body> </html>

Атрибут id должен быть уникальным для элемента и не использоваться совместно несколько элементов. Для идентификации группы связанных элементов используйте атрибут класса.

abhinav s · Answer 2 · 2015-01-25T23:01:00+0000

Построить каскадное падение - #http://jsfiddle.net/mplungjan/65Q9L/ # [#^ #].

изменить значение поля выбора 2 при изменении значения окна выбора 1

Пожалуйста, войдите или зарегистрируйтесь чтобы ответить на этот вопрос.

Категории

Похожие вопросы