如何访问 select2 小部件中的动态输入值？

问题描述

也许有人遇到过这样的问题。为了使 select2 小部件工作，我使用以下代码：

<link href="https://www.malketiya.com/listgrid/DropDown.css" rel="stylesheet" />
<script src="https://www.malketiya.com/listgrid/DropDown.js"> </script>

<select class="js-example-basic-single" name="state" id="selectBox0" onchange="changeFunc0();">
<option value="Alabama">Alabama</option>
<option value="Wyoming">Wyoming</option>
</select>

<script>
var selectedValue1;
var selectedValue0;
$(document).ready(function() {
$('.js-example-basic-single').select2({tags: true});
});
</script>

我可以动态编写自己的标签，因为 tags: true。

例如，我写“fff”。如何在不单击下拉菜单中的“fff”选项的情况下将其保存在变量 use OnInputEvent 中？ 如有任何帮助，我将不胜感激。

解决方法

您需要制作 id

<input class="select2-search__field" id="s2sf" type="search".../>

然后

$(document).on('keyup','.select2-search__field',function (e) { 
var x = document.getElementById("s2sf").value; alert(x); 
});