[英]jQuery add/remove multiple selectbox options to textbox
我有多个选择框,我需要用逗号在文本框中添加或删除项目列表,但目前我只能完成直到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');
});
我的小提琴:
谢谢
您可以使用.val(),如果有多个选择框,它将返回元素数组
$(document).ready(function () {
$('#ascuisines').on('change', function () {
$('#getcuisines').val($(this).val().join());
}).trigger('change');
});
演示: 小提琴
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.