Как отправить несколько значений одного и того же поля выбора с помощью AJAX
у меня есть 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);
});
Решение
Проверьте этот код
<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"]);
Другие решения
Во-первых, добавьте множественный атрибут в тег select и удалите скобки массива в атрибуте id.
Во-вторых, на кнопке отправки вы получаете неправильное значение идентификатора поля выбора.
замещать var 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>
detector