Список вариантов из двух разных выпадающих списков

Question

Привет. Я пытаюсь объединить выборки, взятые из разных множественных выборок, но он вытягивает только одну из них.В итоге у меня будет 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>

Answer 1

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

Answer 2

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

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