Jquery не получает динамическое раскрывающееся значение

Question

Jquery не получает динамическое раскрывающееся значение

В этом коде, когда я выбираю из 1-го выпадающего списка, он получает
значение, но в следующем его не получить значение из jquery ..

<?php
$con=mysql_connect('localhost','root','root');
mysql_select_db('alok',$con);
?>
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<form method="post">
<table width="100%">
<tr>
<td>ID</td>
<td>Item</td>
<td>status</td>
<td>dropdown</td>
</tr>
<?php
$query="select * from jain";
$result=mysql_query($query);
while($row=mysql_fetch_array($result)){
?>
<tr>
<td><?php echo $row['id']; ?></td>
<td><?php echo $row['gift']; ?>
</td>
<td><?php if($row['status']==='0'){echo 'pending';}elseif($row['status']==='1'){echo 'Recieved';}else{
echo 'Rejected';} ?></td>

<td>

<select name="status" id="status">
<option value="0">Pending</option>
<option value="1">Recieved</option>
<option value="2">Rejected</option>
</select>
</td>

</tr>
<?php } ?>
</table>
</form>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
$('#status').change(function(){
var status=$('#status option:selected').val();
alert(status);
})
})

</script>

при выборе из первого выпадающего списка:

при выборе из второго выпадающего меню не появляется предупреждение:

что я делаю не так, пожалуйста, дайте мне знать, что я новичок здесь

0

jquery php

Решение

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

Вы создаете элементы select в цикле php. Следовательно, идентификаторы одинаковы для всех. Они должны быть уникальными.

Вы должны рассмотреть возможность изменения идентификатора на класс, и это работает.

<select name="status" id="status" class="status">

а также

$('.status').change(function(){
var status=$("option:selected", this).val();
alert(status);
})

0

Источник

Accepted Answer

Используйте разные id для выбора. Тогда вы получите другое выбранное значение.

<select name="status" id="status1">
<option value="0">Pending</option>
<option value="1">Recieved</option>
<option value="2">Rejected</option>
</select>
<select name="status" id="status2">
<option value="0">Pending</option>
<option value="1">Recieved</option>
<option value="2">Rejected</option>
</select>

0