добрый день, у меня есть выпадающий список, который отображается несколько раз в зависимости от запроса. Как применить другой зависимый раскрывающийся список для всех начальных раскрывающихся списков, возвращаемых запросом? Код Jquery применяется только к одному полю выбора (первому), но не к другим. Как мы можем применить его ко всем выпадающим спискам? Будет ли это для каждого l oop? Я прошу прощения, поскольку я только начинающий в этом
//Selectbox
// Selectbox
<thead>
<tr>
<th>Cause of Failure</th>
<th>Category</th>
<th>Setup Status</th>
</tr>
</thead>
<tbody>
<?php foreach($vends as $empDetails){ ?>
<tr>
<form action="UpdateSetup1.php?vendors=<?php echo $vendorname; ?>" method=post>
<td>
<select id=cofailure name="cofailure" style="width:150px" class="form-control">
<option value="<?php echo $empDetails['causeoffailure'];?>"><?php echo $empDetails['causeoffailure'];?></option>
<option value='Incorrect Tax ID'>Incorrect Tax ID</option>
<option value='Incorrect PIN'>Incorrect PIN</option>
<option value='No PIN on file'>No PIN on file</option>
</select>
</td>
<td><input type=text id=category name="category" value="<?php echo $empDetails['category'];?>" readonly></td>
<td><input type=text id=setupstatus name="setupstatus" value="<?php echo $empDetails['setupstatus'];?>" readonly></td>
</form>
</tr>
<?php } ?>
</tbody>
// Jquery on change
SCRIPT
$(document).ready(function(){
$('#cofailure').change(function(){
var cofailure = $(this).val();
$.ajax({
url:"ajax/fetchcategory.php",
method:"POST",
data:{cofailure:cofailure},
success:function(data){
$('#category').val(data);
}
});
$.ajax({
url:"ajax/fetchstatus.php",
method:"POST",
data:{cofailure:cofailure},
success:function(data){
$('#setupstatus').val(data);
}
});
});
});