jQuery UI自動完成comobox重新創建選項不起作用

Question

您好，我正在使用jQuery ui autocomplete combobox插件，我最初在document.ready創建了一個組合框

jQuery('#combolist_city').combobox();

頁面加載時我設置了一些選項

<select id="combolist_city" class="city" name="search[city]">
                            <option value="0">Select city</option>
                            <?php 
                                if(isset($city_list))
                                {
                                    foreach($city_list as $city_data)
                                    {
                                        if(isset($selected_city) && ($selected_city == $city_data['CityID']))
                                        {
                                            echo "<option selected='selecetd' value=".$city_data['CityID'].">".$city_data['CityName']."</option>";
                                        }
                                        else 
                                        {
                                            echo "<option value=".$city_data['CityID'].">".$city_data['CityName']."</option>";  
                                        }
                                    }   
                                }
                            ?>                      
                        </select>

現在我想改變他的選擇，我想這樣做

jQuery("#combolist_city").combobox({
                                    initialValues: ['aaa','bbb','ccc']
                                });  

但是它沒有用，沒有重新創建選項，

我該怎么做，請幫忙......................................

Answer 1

您必須手動執行。 首先銷毀組合框並清空選擇。 追加新選項，然后再次構建組合框：

var aList = {'id1': 'val1', 'id2': 'val2', 'id3': 'val3'};
var sKey;
$("#combolist_city").combobox('destroy').empty();
for (sKey in aList) {
    $("#combolist_city").append('<option value="' + sKey + '">' + aList[sKey] + '</option>');
}
$("#combolist_city").combobox();

另請參見此示例 。