Как получить выбранный Multiselect выбранные значения в цикле For

Question

Как получить выбранный Multiselect выбранные значения в цикле For

Это мой вид файла кода

<?php for($i=0; $i<4; $i++)  { ?>
<div class="box22">
<div class="mcm">
<input type="text" placeholder="Myself" id="coworkers" name="coworkers[]" />
<span class="bar"></span>
</div>

<div class="select2">
<select id="category_<?php echo $i; ?>" name="category[]" class="chosen-select ref-sel1" multiple >
<?php
foreach($genre as $gen){
echo '<option value='.$gen->genre_id.'>'.$gen->genre_name.'</option>';
}
?>
</select>
</div>
</div>
<?php } ?>

Мой сценарий: когда я выбрал один или несколько вариантов, он не включается в сценарий. Как получить несколько значений в цикле

    $(document).ready(function()
{
$('form#shortfilm').submit(function(e)
{
e.preventDefault();
var form = $(this);
var foo = [];
$('#category :selected').each(function(i, selected){
foo[i] = $(selected).text();
});
});
});

7

html jquery jquery-chosen jquery-multiselect php

Решение

Другие решения

Пожалуйста, запустите этот пример кода. Это может помочь вам

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
<body>
<form id="shortfilm" name="data">
<?php $genre=array(1=>'AAAAAAAAAAAAAA',2=>'BBBBBBBBBBBBBBB',3=>'CCCCCCCCC',4=>'DDDDDDDDDDDDDD',5=>'EEEEEEEEEEEEEEE');
for($i=0; $i<4; $i++)  { ?>
<div class="box22">
<div class="mcm">
<input type="text" placeholder="Myself" id="coworkers" name="coworkers<?php echo$i?>[]" />
<span class="bar"></span>
</div>

<div class="select2">
<select class="category" name="category<?php echo$i?>[]" class="chosen-select ref-sel1" multiple >
<?php
foreach($genre as $key => $gen){
echo '<option value='.$key.'>'.$gen.'</option>';
}
?>
</select>
</div>
</div>
<?php } ?>
<input type="submit" value="submit" />
</form>
<script>
$(document).ready(function()
{
$('form#shortfilm').submit(function(e)
{
e.preventDefault();
var form = $(this);
var foo = [];
$('.category :selected').each(function(i, selected){
foo[i] = $(selected).text();
});
console.log(foo);
});
});
</script>
</body>
</html>

2

Использование функции .val () в списке с множественным выбором вернет массив выбранных значений:

var selectedValues = $('#category').val();

И в вашем HTML <select id="category" multiple="multiple">

Также поместите значения $ gen-> genre_id в переменную и так, как это

foreach($genre as $gen){
$genId = $gen->genre_id;
$genName = $gen->genre_name;
echo '<option value='.$genId.'>'.$genName.'</option>';
}

Также <select id="category" в forloop будет много элементов select с одинаковым идентификатором, измените это на категорию [$ i] или используйте class

1

Источник

Accepted Answer

изменить текст на val ()

 $('option:selected').each(function(i, selected){
foo.push($(selected).val());
});

или же:

var foo = [];
$('.box22').each(function(x,v){
var temp =[]
$(v).find('option:selected').each(function(i, selected){
temp.push($(selected).val());
});
foo.push(temp)
});

см. демо для второго варианта здесь

2