0 голосов
спросил от в категории 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

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

0 голосов
ответил от
Научитесь адаптироваться из этого примера кода:
<!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 должен быть уникальным для элемента и не использоваться совместно несколько элементов. Для идентификации группы связанных элементов используйте атрибут класса.
0 голосов
ответил от
Построить каскадное падение - #http://jsfiddle.net/mplungjan/65Q9L/ # [#^ #].

Категории

Добро пожаловать на сайт DraftingCode Q&A, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

0 голосов
0 ответов
спросил 21 Авг, 18 от MacFirst (120 баллов) в категории JavascriptHTMLjQuery
0 голосов
0 ответов
спросил 19 Дек, 13 от thatraja в категории JavascriptHTMLjQuery
0 голосов
0 ответов
спросил 01 Янв, 70 от MacFirst (120 баллов) в категории JavascriptHTMLjQuery
...