jquery - 根据选择重复依赖组合内容，

Question

美好的一天，我有一个下拉框，根据查询显示多次。如何为查询返回的所有初始下拉菜单应用另一个相关下拉框？Jquery 代码仅适用于一个选择框（第一个），但不适用于其他选择框。我们如何使它适用于所有下拉菜单它是否适用于每个循环？我很抱歉，因为我只是这方面的初学者

//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);
                        }
                       });   

   });
});

标签： jquery