jQuery在文本框中添加/删除多个selectbox选项

jQuery add/remove multiple selectbox options to textbox

本文关键字：删除 selectbox 选项 添加 文本 jQuery      更新时间：2023-09-26

我有一个多选框，我需要用逗号在文本框中添加或删除项目列表，但目前我只能完成，直到单击"添加或删除单个项目"，我不知道如何用逗号添加或删除多选选项，以及在未选中时删除逗号。

非常感谢您的帮助。

我的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/

感谢

您可以使用.val（），它将在多选框的情况下返回元素数组

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

演示：Fiddle

相关文章：