как отправить несколько значений одного и того же поля выбора по ajax

Question

У меня есть поле select с возможностью выбора нескольких элементов.Я хочу отправить выбранные значения в массиве через запрос AJAX.Как выбрать несколько значений в теге select и отправить все значения в массиве по щелчку?

<script type="text/javascript">
</script>

<select name="name[]" id="name[]">
  <option>--Select--</option>
  <?php $sql = mysql_query("select * from med_list order by medicine asc");
  while($sha=mysql_fetch_array($sql)) { ?>
    <option style="color:#007F55" value="<?php echo $sha['id']; ?>">
      <?php echo mysql_real_escape_string($sha['medicine']); ?>
    </option>
  <?php } ?>
</select>

$("#submit").click(function() {
  var bac = $("#bacteria").val();
  alert(bac);
});

Answer 1

Во-первых, добавьте несколько атрибутов в тег select и удалите скобки массива в атрибуте id.Во-вторых, на кнопке отправки вы получите неправильное значение идентификатора поля выбора.

Заменить var bac = $ ("#bac"). Val (); на var bac = $ ("# name"). val ();

<select name="name[]" id="name" multiple="multiple">
    <option value="">Select Any Value</option>
    <option value="name1">Name 1</option>
    <option value="name2">Name 2</option>
    <option value="name3">Name 3</option>
    <option value="name4">Name 4</option>
    <option value="name5">Name 5</option>
</select>
<button id="submit">Submit</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$("#submit").click(function() {
  var bac = $("#name").val();
  alert(bac);
});
</script>

Answer 2

Проверьте этот код

<select id="data" name="data" class="data" multiple="multiple">
<option value="100">foo</option>
<option value="101">bar</option>
<option value="102">bat</option>
<option value="103">baz</option>
</select>

Jquery:

   $(".data").val(["100", "101"]);