jquery UI каскадный виджет автозаполнения

Question

Я пытаюсь создать каскадные автозаполнения comboboxes.

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

То, что я хотел бы видеть, если при выборе пункта из первого выбора (ID = «один»), я хотел бы видеть обновление пользовательского интерфейса для второго выбора (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'); 
} 

Я вижу, что курок происходит, но пользовательский интерфейс никогда не обновляется.

Любые идеи?

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