0

こんにちは、jquery ui オートコンプリート コンボボックス プラグインを使用しています。最初にコンボボックスを作成しています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']
                                });

しかし、それは機能していません。オプションを再作成していません。

どうすればこれを行うことができますか、助けてください.............................

4

1 に答える 1

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

この例も参照してください。

于 2012-07-10T06:11:00.627 に答える