Question

这是我的方案，我有一个下拉选择选项，通过使用这个我得到类别明智（待定，封闭和所有）结果使用JQuery和AJAX。我从 AJAX（getcomplaints.php）获得的数据包含另一个适用于页面操作的动态下拉选择选项。现在问题是Jquery功能，以获得Select选项的值正在First List，但是当Data从 AJAX页面返回时（getcomplaints.php） 包含另一个下拉选项不起作用。我不知道为什么但是遵循Jquery函数是没有处理AJAX返回的数据。

HTML

<select name="categories" id="getcomplaints" class="form-control">
<option value="all">All Categories</option>
<?php $c=$con->query("SELECT * FROM status");
while($cat=mysqli_fetch_array($c)){
?>
<option value="<?php echo $cat['status_id'];?>"><?php echo $cat['status_name'];?></option>
<?php } ?>
</select>

JS

$("#getcomplaints").change(function()
    {               
        var id = $(this).find(":selected").val();

        var toget = 'action='+ id;

        $.ajax
        ({
            url: 'getcomplaints.php',
            data: toget,
            cache: false,
            success: function(r)
            {
                $("#display").html(r);
            } 
        });
    });

getcomplaints.php

$results='<tbody>
             <tr>
             <td><?php echo $d['c_id'];?></td>
             <td><?php echo $d['s_name'];?></td>
             <td><?php echo $d['c_desc'];?></td>
             <td><?php echo $d['uname'];?></td>
             <td><?php echo $d['status_name'];?></td>
             <td><?php echo $d['c_time'];?></td>
             <td>
             <select id="more" name="option" class="form-control">
             <option>MORE</option>
             <option value="<?php echo $d['c_id']; ?>">Close</option>
             <option value="<?php echo $d['c_id']; ?>">Reply</option>
             </select>
            </td>
             </tr>
             </tbody>';

我只是回显$ result变量。它包含一个包含所有类和ID的表。

我的尝试

$("#more").change(function()
    {               
        var id = $(this).find(":selected").val();
    });

Jquery函数无法处理AJAX返回的数据

0 个答案: