jQuery添加/刪除多個選擇框選項到文本框

Question

我有一個多選擇框，我需要用逗號添加或刪除項目列表到文本框，但現在我只能夠完成，直到onclick添加或刪除單個項目和我不確定如何使用逗號添加或刪除多個選擇選項，並在未選中時刪除逗號。

任何幫助，高度讚賞。

我的HTML：

<select name="ascuisines" id="ascuisines" multiple="" class="chosen-select-width" tabindex="-1" required="" aria-required="true"> 
<option value="" disable=""></option> 
<option value="African">African</option> 
<option value="Pizza">Pizza</option> 
</select> 
<input type="text" id="getcuisines" /> 
<input type="button" value="Add Cuisines" id="addcuisines" /> 

我的JS：

$(document).ready(function() { 
    $('#ascuisines').on('change', function() { 
     $('#getcuisines').val(this.value); 
    }).trigger('change'); 
}); 

我的小提琴：

http://jsfiddle.net/s1wq62qs/

個

感謝

Answer 1

您可以使用.VAL（）將在情況下返回一個多選框的元素的數組

$(document).ready(function() { 
    $('#ascuisines').on('change', function() { 
     $('#getcuisines').val($(this).val().join()); 
    }).trigger('change'); 
}); 

演示：Fiddle