Добавление окна выбора

Question

Я пытаюсь добавить свои варианты выбора в поле выбора, когда пользователь нажимает на изображение. Изображение открывает скрытый поисковый div, содержащий поле. У меня есть следующий код:

HTML

<select id="search_state" name="state" class="large"> 

</select> 

JQuery

$(document).ready(function(){ 

    $('.search').click(function() { 
    $('#search_state').append('<optgroup label="Chile"><option value="907">Región Metropolitan</option></optgroup><optgroup label="China"><option value="1355">Guangdong</option><option value="1353">Hainan</option><option value="1341">Jiangsu</option><option value="1307">Shanghai</option></optgroup><optgroup label="Costa Rica"><option value="1037">Alajuela</option><option value="1041">Guanacaste</option><option value="1043">Heredia</option><option value="1047">Puntarenas</option><option value="1049">San José</option></optgroup>'); 
    alert("works"); 
    }); 

}); 

Класс изображения .search и переключатель идентификатор #search_state. По какой-то причине я не могу получить selectbox для добавления, но предупреждение работает onclick. Даже когда ящик скрыт, он все еще указан в исходном коде. Кто-нибудь знает, почему у меня такая проблема?

Answer 1

Если он использует dropkick затем вызвать метод обновления после изменения параметров выберите программно

$('#search_state').dropkick('refresh') 

Answer 2

вы могли бы попытаться заполнить selectes istead содержанием добавления

$(document).ready(function(){ 

     $('.search').click(function() { 
     $('#search_state').html('<optgroup label="Chile"><option value="907">Región Metropolitan</option></optgroup><optgroup label="China"><option value="1355">Guangdong</option><option value="1353">Hainan</option><option value="1341">Jiangsu</option><option value="1307">Shanghai</option></optgroup><optgroup label="Costa Rica"><option value="1037">Alajuela</option><option value="1041">Guanacaste</option><option value="1043">Heredia</option><option value="1047">Puntarenas</option><option value="1049">San José</option></optgroup>'); 
     alert("works"); 
     }); 

    });