Выбор списка из двух разных выпадающих списков множественного выбора

#jquery #jquery-selectors

#jquery #jquery-селекторы

Вопрос:

Привет, я пытаюсь объединить выборки, взятые из разных нескольких выборок, но он извлекает только из одного из них. В конечном итоге у меня будет около 15 разных (все они скрыты и отображаются в другом раскрывающемся списке). http://jsfiddle.net/wZauw/1 /

       <p></p>                               
    <div id="accounting" class="selector subcontent">
                           <select id="trade_select_accounting" multiple class="selector wrap-left">
                                   <option>Auditing</option>
                                   <option>Bookkeeping</option>        
                           </select>

                           </div>

                           <div id="administration" class="selector subcontent">
                                      <select id="trade_select_administration" multiple class="selector wrap-left">
                                              <option>Clerical</option>
                                              <option>Personnel</option>    
                                              <option>Training</option>    
                                      </select>

                                      </div>

<script>
function displayVals() {
                var multipleValues = $('[id^=trade_select_]').val() || [];
                $("p").html(" <b>Selected Trades:</b> "   
                            multipleValues.join(", "));
              }

              $("select").change(displayVals);
              displayVals();
</script>
  

Ответ №1:

Из документов: Описание: Получите текущее значение первого элемента в наборе сопоставленных элементов.

Вам нужно будет вручную агрегировать значения, возможно, используя .each() для возвращаемого массива элементов.

Ответ №2:

Попробуйте выполнить итерацию по всем вашим <select> элементам с помощью .each функции и использовать селектор :selected, чтобы получить все ваши значения.