jquery UI級聯自動填充小部件

Question

我試圖構建級聯自動完成組合框。

http://jsfiddle.net/BurritoWhisperer/zbjk1ss1/3/

想我看看，當我選擇從第一選擇一個項目（ID =「1」），我想看到的UI更新爲第二選擇（ID = 「二」）。

if (arg1 == "1") { 
    $("#two").append($('<option selected></option>').val('1.1').html('1.1'); 

    $("#two").append($('<option></option>').val('1.2').html('1.2'); 
} else if (arg1 == "2") { 
    $("#two").append($('<option selected></option>').val('2.1').html('2.1'); 

    $("#two").append($('<option></option>').val('2.2').html('2.2'); 
} 

我可以看到觸發器發生，但UI永不更新。

任何想法？

Answer 1

3件事情不見了。

https://jsfiddle.net/mindlessbaby/zbjk1ss1/70/

1）包裹與UI的部件類組合框

<div class="ui-widget"> 
<select id="one"></select> 
<br/> 
<select id="two"></select> 

2）// added- inserted refresh function -BD refresh: function() { selected = this.element.children(":selected"); this.input.val(selected.text()); },

3）// added- update second box value and refresh ui -BD $("#two").val("").combobox("refresh");