Пользовательский интерфейс Select2.js ведет себя по-разному, когда пользователь выбирает параметр - PullRequest
Новая
       21

Пользовательский интерфейс Select2.js ведет себя по-разному, когда пользователь выбирает параметр

0 голосов
/ 18 июня 2019

enter image description here Я использую select2.js для выпадающего списка в моем приложении rails.Как только опция выбрана, она должна перейти к указанному URL-адресу, сохраняя значение опции, выбранное после загрузки страницы.Все работает нормально, за исключением случаев, когда в раскрывающемся меню загрузки страницы отображается предыдущий параметр, а затем отображается фактическое значение выбранного параметра.

Код: 

<div data-controller="dropdown">[![enter image description here][1]][1]
<select id="airlineMenu">
    <option value="/abc">Account1</option>
    <option value="/xyz">JetBlue</option>
    <option value="/def">Account2</option>
</select>
</div>

JS 

import { Controller } from 'stimulus';

export default class extends Controller {

  initialize(){

    $('select#airlineMenu').val(window.location.pathname).select2();
    $('#airlineMenu').trigger('change.select2');
    $("#airlineMenu").on("select2:select", function (e) {
      var data = e.params.data.id;
      Turbolinks.visit(data);
    });
  }
}

Я приложил картинку для справки.Пожалуйста, дайте мне знать, как это преодолеть?

...