Select2 открыть раскрывающийся список при вводе текста в фокусе

У меня есть форма с одним текстовым вводом и одним элементом 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-select2-4 jquery-plugins
person Saeide    schedule 15.07.2015    source источник

Ответы (2)


arrow_upward
5
arrow_downward

Они объяснили на примере, как открыть раскрывающийся список.

URL-адрес документации: 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/

Дайте мне знать, если вам нужна помощь :)

person Manan    schedule 20.07.2015
comment
Работает очень хорошо. большой - person Rupali Pemare; 11.09.2017

arrow_upward
0
arrow_downward

Выше код работает, но там мало изменений

измените этот код $("input").on("change", function () { $("#e1").select2("open"); });

к этому коду, вы можете сделать эту функциональность

$("input").on("click", function () {
    $("#e1").select2("open");
});
person Nikhil Jain    schedule 17.05.2016