Зависимый падающий в jquery мобильный не работает

Question

Я создаю зависимый выпадающий список состояний & город в jquery mobile. который не работает для меня. Я также не могу скрыть 2-ую выпад. Код, я использую это:

HTML:

 <select name="selectmenu5" id="selectmenu5"> 
    <option value="0">Select State</option> 
    <option value="1">Andaman and Nicobar</option> 
    <option value="2">Andhra Pradesh</option> 
</select> 

     <select name="selectmenu4" id="selectmenu4"> 
      <option class="city" id="1">Select City</option> 
      <option class="city" id="2">option 2</option> 
      <option class="city" id="3">Option 3</option> 
    </select> 

и JS:

$(document).ready(function() { 
     $("#selectmenu4").hide(); 
    $("#selectmenu5").live("change",function() { 
     $("#selectmenu4").show(); 
     switch($("#this").val()){ 
      case "1": 
       $(".city").hide().parent().find("#1").show(); 
       break; 
      case "2": 
       $(".city").hide().parent().find("#2").show(); 
       break; 

     } 
    }); 
}); 

Answer 1

Является ли это то, что вы хотите? jsFiddle: http://jsfiddle.net/WXbbj/40/

Создать все выбирает:

<select name="selectmenu5" id="selectmenu5"> 
<option value="0">Select State</option> 
<option value="1">Andaman and Nicobar</option> 
<option value="2">Andhra Pradesh</option> 

<select class='cityList' name="selectmenu1" id="selectmenu1"> 
     <option class="city" id="0">Select City</option> 
     <option class="city" id="1">city1</option> 
     <option class="city" id="2">city2</option> 
</select> 

<select class='cityList' id="selectmenu2"> 
     <option class="city" id="0">Select City</option> 
     <option class="city" id="1">city3</option> 
     <option class="city" id="2">city4</option> 
</select> 

В основном я использую CSS, чтобы скрыть "selectmenu":

#selectmenu1,#selectmenu2{ 
display:none; 
} 

И это функция JQuery для отображения только нужных вариантов:

$(document).ready(function() {   
    $("#selectmenu5").on("change",function() {   
    $(".cityList").hide();   


    $("#selectmenu"+$(this).val()).show(); 
}); });