Как получить все выбранные элементы из выпадающего списка множественного выбора - jQuery mobile

Question

У меня есть 2 раскрывающихся списка с несколькими вариантами выбора (ddb) (я использую jQuery mobile). Как только пользователь выбирает элементы из ddb1, на основе его выбора мне нужно заполнить ddb2.Я использовал jQuery.change () в ddb1.But. Проблема, с которой я сталкиваюсь, заключается в том, что onChange () вызывается каждый раз, когда пользователь выбирает / отменяет выбор элемента из ddb1 (я понимаю, что это ожидаемое поведение), а не тогда, когда весь выбор закончен.

Что я хотел бы сделать - как только ddb1 потеряет фокус, мне нужно получить все выбранные значения из ddb1 и обработать его для заполнения ddb2. Но я не нахожу событие, которое запускается, когда пользователь завершает свой выбор из ddb1.Я пробовал ddb1.blur () и ddb2.focus (). Не помогает. Есть мысли по этому поводу?

Вот код:

<script type="text/javascript">
    $("#ddb1").blur(function(event) {
       $("#ddb2").empty(); 
       var ddb1_val = $("#ddb1 option:selected").val();


       var url = "construct url based on ddb1_val"

       $.getJSON(url,function(data) {
          //do something
       });
    });
</script>

Answer 1

.blur() работает так, как вы ожидаете на выбранных коэффициентах. Если он не работает для вас, в вашем коде должна быть какая-то ошибка.

Если вы отправите свой код, кто-то может вам помочь, но на данный момент все, что я могу сказать, это то, что .blur() - это путь.

Answer 2

У вас должна быть кнопка, которая возьмет все выбранные опции из выпадающего списка 1 и добавит его в выпадающий список 2.Или вы можете добавить его сразу по щелчку опции.