jquery - codeigniter 3：Bootstrap 3 status-select 为选择的任何选项输出相同的值

Question

我有一个表格，其中使用下拉选项来更改单元格的状态。查看示例片段

Codeigniter 查看代码

<?php foreach ($info as $s) : ?>
 // some lines here 

<td class="cell-status"> 
<div class="status-select"> 
<select name="<?php echo $s['Id'] ?>" class="select-color info-status" 
 id="<?php if ($s['isAccepted'] == 1) {echo "option-approved";} ?>
    <?php if ($s['isAccepted'] == 2) {echo "option-blocked";} ?>">  
 <option <?php if ($s['isAccepted'] == 1) {echo "selected";} ?> 
   id="option-approved" value="1">Approved</option> 
 <option <?php if ($s['isAccepted'] == 2) {echo "selected";} ?> 
   id="option-blocked" value="2">Blocked</option>
</select> 
</div>
</td>

// extra lines here 
<?php endforeach;
?>

我的 jQuery 脚本如下

<script type="text/javascript">
$(document).ready(function() {
    $('.info-status').on("change",function () 
    {
        var Id= $(this).attr("name");
        var status =$('.info-status').val() 

        

        console.log(status)
        //console.log(Id)
    });
});
</script>

期望，当我将下拉菜单从 Approved更改为Blocked时，console.log(status)应该输出2，当我从Blocked更改为Approved console.log(status)时，应该输出1。

但是，无论我选择什么选项，控制台总是输出相同的值（页面重新加载后第一个选择的值）。出了什么问题，有什么想法吗？

注意：如果我这样做console.log(Id)，我会得到正确的Id值。

标签： jquerycodeignitertwitter-bootstrap-3