Select2 在焦点文本输入上打开下拉菜单答案

【问题标题】：Select2 open dropdown on focus text inputSelect2 在焦点文本输入上打开下拉菜单
【发布时间】：2015-10-04 01:43:49
【问题描述】：

我有一个带有一个文本输入和一个 select2 元素的表单（版本 4.0.0）。我想当专注于文本输入时，select2打开。

这是我尝试过的：

<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>

但这行不通。在这里看小提琴：http://jsfiddle.net/Hatamikhah/73wypp1w/1/

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

【问题讨论】：

标签： jquery jquery-plugins jquery-select2-4

【解决方案1】：

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

文档网址：https://select2.github.io/examples.html，请查看Programmatic access 部分。

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">

jQuery 部分：

$("#e1").select2();

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

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

用 onChange 事件试试这个例子：http://jsfiddle.net/mananpatel/73wypp1w/5/

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

【讨论】：

效果很好。很棒

【解决方案2】：

上面的代码可以工作，但变化不大

更改此代码 $("输入").on("改变", function () { $("#e1").select2("open"); });

到此代码，然后您可以执行此功能

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

【讨论】：