我有一个多个选择框,我需要用逗号在文本框中添加或删除项目列表,但现在我只能在 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');
});
我的 fiddle :
谢谢
最佳答案
您可以使用 .val() 在多选框的情况下返回一个元素数组
$(document).ready(function () {
$('#ascuisines').on('change', function () {
$('#getcuisines').val($(this).val().join());
}).trigger('change');
});
演示:Fiddle
关于javascript - jQuery 添加/删除多个选择框选项到文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25565896/