jQuery Choosen 드롭다운 목록 지우기 및 새로 고침

jQuery Choosen 드롭다운 목록 지우기 및 새로 고침

jQuery Choosen 드롭다운 목록을 지우고 새로 고치려고 합니다.

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

드롭다운 목록을 업데이트할 수가 없어요도움이 필요하신가요? :)

를 사용하면 추가 후 옵션 목록을 업데이트할 수 있습니다.

선택한 업데이트를 동적으로 수행: 선택 필드의 옵션을 업데이트해야 하고 Choosed가 변경 내용을 선택하려면 필드에서 "choosed:update" 이벤트를 트리거해야 합니다.선택한 내용은 업데이트된 내용을 기반으로 다시 빌드됩니다.

코드:

$("#refreshgallery").click(function(){
        $('#picturegallery').empty(); //remove all child nodes
        var newOption = $('<option value="1">test</option>');
        $('#picturegallery').append(newOption);
        $('#picturegallery').trigger("chosen:updated");
    });

한다면trigger("chosen:updated");작동하지 않음, 사용.trigger("liszt:updated");@Nhan Transit 의 경우 잘 작동하고 있습니다.

$("#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");당신한테는 안 통합니다.해봐도 좋습니다.$('#ddl').trigger('change');제 경우처럼 말이죠

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

저의 경우 양식을 제출할 때 항상 잘못된 값이 나오고 여러 번 선택한 드롭다운을 사용했기 때문에 변경할 때마다 선택한 값을 업데이트해야 합니다.단일 항목을 업데이트하는 대신 선택기를 변경하여 모든 드롭다운을 업데이트합니다.누군가에게 도움이 될 수도 있습니다.

 $(".chosen-select").chosen().change(function () {
    var item = $(this).val();
    $('.chosen-select').trigger('chosen:updated');
});

페이지 끝에 다시 로드할 때 사용할 수 있습니다. 어쩌면 이것이 당신을 도울 수 있을지도 모릅니다.

<script>
  $(".chosen-select").chosen();
</script> 

언급URL : https://stackoverflow.com/questions/20148195/clear-and-refresh-jquery-chosen-dropdown-list