JQuery Mobile選擇菜單的選定選項選擇值

Question

在我的php文件中，我有兩個選擇菜單。當第一個被選中時，第二個用jquery獲取值。它在簡單的php文件中工作正常。但是，當粘貼到一個文件與jQuery手機發生一個小問題： 隨着第一個改變，第二個值改變正常，但第一個選擇的選項仍然存在。

這裏是我的.js文件：

function deg(){ 
var id = document.getElementById("il").options[document.getElementById("il").selectedIndex].value; 
var ilcx; 

switch(id){ 
case "a": 
ilcx = {"x" : "x" 
}; break; 
case "b": 
ilcx = {"y" : "y" 
}; break; 
case "c": 
ilcx = {"c" : "c" 
}; break; 

} 

var $el = $("#ilcx"); 
$el.empty(); 
$.each(ilcx, function(key, value) { 
    $el.append($("<option></option>") 
    .attr("value", value).text(key)); 
}); 

和PHP的一部分：

<select name="il" id="il" onchange="deg();"> 
          <option id="a" value="a">a</option> 
          <option id="b" value="b">b</option> 
          <option id="c" value="c">c</option> 
    </select> 
         <select name="ilcx" id="ilcx"> 
          <option id="x" value="x">x</option> 
          <option id="y" value="y">y</option> 
          <option id="z" value="z">z</option> 

    </select> 

Answer 1

與所述溶液

HTML

<select name="il" id="il"> 
    <option id="a" value="x" selected="selected">a</option> 
    <option id="b" value="y">b</option> 
    <option id="c" value="c">c</option> 
</select> 
<select name="ilcx" id="ilcx"> 
    <option id="x" value="x" selected="selected">x</option> 
    <option id="y" value="y">y</option> 
    <option id="z" value="z">z</option> 
</select> 

一個個

JS

$(document).on('change', '#il', function() { deg(this); }); 

function deg(obj){ 
    var val = obj.value, 
     $el = $('#ilcx'), 
     $opt = $('<option />'); 

    $opt.val(val).text(val).appendTo($el); 
}