Jquery / JS скрипт для обработки множественного выбора на моей странице JSP

Question

На моей странице JSP есть поле выбора, подобное этому, Нужно написать скрипт - SCript должен походить на отправку значения из внешнего интерфейса в соответствии с выбором пользователя.Если выбрано ВСЕ США, то должны быть выбраны все 4 записи. Если все NJ, чем все в NJ, должны быть выбраны и отправлены обратно в базу данных в SQL-запросе.

<select multiple="multiple" class="form-control" id="SelectRegion" name="SelectRegion">
<option value="0" selected="selected">All(US)</option>
<option value="00001">All (NJ) </option>
<option value="123">Ship -1008 (NJ - 123) </option>
<option value="234">Ship -4120 (NJ - 234) </option>
<option value="00040">All (CA) </option>
<option value="345">Ship -1008 (CA - 345) </option>
<option value="567">Ship -4120 (CA - 567) </option>
</select>

Answer 1

Если вы собираетесь жестко закодировать определенные значения, которые вы хотите выбрать, то вы можете просто установить значения вашего тега выбора напрямую, используя jQuery, например:

if ($("#SelectRegion").val() == 0) {
    $("#SelectRegion").val(["123", "234", "345", "567"]);
}

В противном случае вы можете добавить классприсвойте элементам US и NJ имя и задайте для какого-либо события jQuery динамическое выделение события, которое вы хотели бы:соответствующие значения, затем вы можете снова использовать имена классов для перебора значений:

if ($("#SelectRegion").val() == 0) {
  $(".US").each(function() {
      // do something
  });
}