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

Question

也许有人遇到过这样的问题。为了使 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”。如何在OnInputEvent不单击下拉菜单中的“fff”选项的情况下将其保存在变量使用中？我将不胜感激任何帮助。

标签： inputwidgetjquery-select2

Answer 1

You need make id for

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

and then

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