Jquery 选择2在焦点文本输入时打开下拉列表

Jquery 选择2在焦点文本输入时打开下拉列表,jquery,jquery-plugins,jquery-select2-4,Jquery,Jquery Plugins,Jquery Select2 4,我有一个表单,有一个文本输入和一个select2元素(版本4.0.0)。我想在关注文本输入时,选择2打开 以下是我尝试过的: <select list="userAccountsMap.values" listKey="accountNo" listValue="accountNo"/> <input id="destinationAccount" type="text" name="destinationAccount"> <script type="text/

我有一个表单,有一个文本输入和一个select2元素(版本4.0.0)。我想在关注文本输入时,选择2打开

以下是我尝试过的:

<select list="userAccountsMap.values" listKey="accountNo" listValue="accountNo"/>
<input id="destinationAccount" type="text" name="destinationAccount">

<script type="text/javascript">

('select').each(function( index ) {
         $(this).select2();
     }
});

$("#destinationAccount").focus(function () {    
   $("select").trigger('select2:open');
});

</script>

('select')。每个(函数(索引){
$(this)。选择2();
}
});
$(“#destinationAccount”).focus(函数(){
$(“选择”).trigger('select2:open');
});
但这不是工作。 请看这里的小提琴:


我不明白我的问题是什么。

他们已经举例说明了如何打开下拉选项

文档URL:请检查
编程访问部分

HTML部分:

<select id="e1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select> 
<br>
<br>
<input type="text" id="nameID" name="firstname">
$("#e1").select2();

// With change event
$("input").on("change", function () {
    $("#e1").select2("open");
});

// With focus event 
$( "input" ).focus(function() {
  $("#e1").select2("open");
});
使用onChange事件尝试以下示例:


如果您需要帮助,请告诉我:)

以上代码可以工作,但几乎没有变化

更改此代码 $(“输入”)。关于(“更改”,函数(){ $(“#e1”)。选择2(“打开”); });

若要删除此代码,则可以执行此功能

$("input").on("click", function () {
    $("#e1").select2("open");
});

效果很好。伟大的