Question

我有一个select2元素和一个输入元素，如下所示......

declare @p3 dbo.IntegerTableParameter
insert into @p3 values(1)
insert into @p3 values(2)
insert into @p3 values(3)
insert into @p3 values(4)
insert into @p3 values(5)

EXEC [dbo].pList_TableProperties @p3

和一些JS / JQuery如下......

Label: <input class="default-ele" type="text"/>
<select class="some-select">
  <option>-- None --</option> 
</select>

这一切都有效，除非你在输入中输入一个值，然后点击光标仍在输入中的选择，直到你将焦点从选择移回并返回到它之前，该值不存在。在输入更改后立即单击选择时，是否有超时或其他方式来显示值？

TIA

Answer 1

我建议使用按键事件来触发＆＃39;选择＆＃39;刷新功能。

如下所示。

一旦你拿起钥匙，就应该更新输入上的触发器回调。

$(document).ready(function() {

  $(`.${type}-default`).select2({
    theme: 'bootstrap'
  });

  $(document).on('keyup', '.default-ele', function() {
    var newVal = $(this).val();
    var selAdd = new Option(newVal, newVal);
    $('.some-select').append(selAdd).trigger('change');
  });

});

选择2添加/更新输入更改

1 个答案: