Очистить и обновить выпадающий список jQuery
Я пытаюсь очистить выпадающий список jQuery и обновить его.
HTML:
<select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2">
<option value="" selected="selected"></option>
<option value="x">remove me</option>
</select>
когда я нажимаю кнопку "Обновить", она должна превратиться в это:
<select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2">
<option value="1">test</option>
</select>
что я пробовал:
$("#refreshgallery").click(function(){
$('#picturegallery').empty();
var newOption = $('<option value="1">test</option>');
$('#picturegallery').append(newOption);
});
но я не могу заставить его обновить этот раскрывающийся список... Помочь? :)
4 ответов
используя .trigger("chosen:updated");
вы можете обновить список опций после добавления.
Обновление Выбрано Динамически: Если вам нужно обновить параметры в поле выбора и вы хотите выбрать, чтобы забрать изменения, вы необходимо запустить событие" chosen:updated " на поле. Выбрали перестроить себя на основе обновленного контента.
код:
$("#refreshgallery").click(function(){
$('#picturegallery').empty(); //remove all child nodes
var newOption = $('<option value="1">test</option>');
$('#picturegallery').append(newOption);
$('#picturegallery').trigger("chosen:updated");
});
$("#idofBtn").click(function(){
$('#idofdropdown').empty(); //remove all child nodes
var newOption = $('<option value="1">test</option>');
$('#idofdropdown').append(newOption);
$('#idofdropdown').trigger("chosen:updated");
});
Если trigger("chosen:updated");
не работает, используйте .trigger("liszt:updated");
из @Nhan Tran он работает нормально.
MVC 4:
function Cargar_BS(bs) {
$.getJSON('@Url.Action("GetBienServicio", "MonitoreoAdministracion")',
{
id: bs
},
function (d) {
$("#txtIdItem").empty().append('<option value="">-Seleccione-</option>');
$.each(d, function (idx, item) {
jQuery("<option/>").text(item.C_DescBs).attr("value", item.C_CodBs).appendTo("#txtIdItem");
})
$('#txtIdItem').trigger("chosen:updated");
});
}