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