본문 바로가기

js/jQuery

[jquery] 두 multiple selectbox 간 option 비교, 추가, 삭제



$(function () {
    //좌측의 selected option 들 중 우측 multiple selectbox 에 존재하는지를 체크 후 없으면 append 한다.


    $("#btnAdd").on("click", function () {
        var options = "";

        $.each($("#searchedAddressCode option:selected"), function (index, item) {
            if ($("#selectedAddressCode option[value='" + $(item).val() + "']").length == 0)
                options += "<option value=\"" + $(item).val() + "\">" + $(item).text() + "</option>";
        });

        $("#selectedAddressCode").append(options);
    });

    //우측의 selected option 을 삭제한다.

    $("#btnRemove").on("click", function () {
        $.each($("#selectedAddressCode option:selected"), function () {
            $(this).remove();
        });
    });
});