ListBox

리스트 박스에 아이템 넣고 빼기

<label for="colors">Colors</label>
<select id="colors" multiple="multiple">
    <option>black</option>
    <option>aaaa</option>
    <option>dddd</option>

</select>

<button id="remove">remove</button>

<label for="newColorName">dfsdfsdfsdf</label>
<input id="newColorName" type="text" />

<label for="newColorValue">dfsdfsdfsdf</label>
<input id="newColorValue" type="text" />

<button id="add">add</button>

    

 

$('#add').click(function (event) {
    event.preventDefault();

    var optionName = $('#newColorName').val();
    var optionValue = $('#newColorValue').val();

    $('<option/>').attr('value', optionValue).text(optionName).appendTo('#colors');
});

$("#remove").click(function (event) {
    event.preventDefault();

    var $select = $('#colors');
    $('option:selected', $select).remove();
           
});