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); 
}