Question

我目前正在为一个项目制作一个系统。我们需要为系统创建一个等级计算器我被困了，因为我只能计算HTML表格中的第一组数据。

如何更改其他值？表中的数据由PHP生成，来自我们的数据库。我刚接触PHP，特别是对ajax。

这是网页：

?>
    <select name="midterm" id="midterm" required class="form-control" onchange="DisableMenu()">
    <?php
        if($dblMidterm!="0.00"){
            ?>
               <option value=" <?php echo $dblMidterm; ?> " selected> <?php echo $dblMidterm; ?> </option>  
            <?php
        }
        else{
            ?>
                <option value="0.00">0.00</option>
            <?php
        }
        ?>
            <option value="1.00">1.00</option>
            <option value="1.25">1.25</option>
            <option value="1.50">1.50</option>
            <option value="1.75">1.75</option>
            <option value="2.00">2.00</option>
            <option value="2.25">2.25</option>
            <option value="2.50">2.50</option>
            <option value="2.75">2.75</option>
            <option value="3.00">3.00</option>
            <option value="5.00">5.00</option>
        </select>
        <?php
        echo '</td>';
        echo '<td>';
        ?>
            <select name="finals" id="finals" required class="form-control">
                <option value=" <?php echo $dblFinals; ?> "> <?php echo $dblFinals; ?> </option>                
                <option value="1.00">1.00</option>
                <option value="1.25">1.25</option>
                <option value="1.50">1.50</option>
                <option value="1.75">1.75</option>
                <option value="2.00">2.00</option>
                <option value="2.25">2.25</option>
                <option value="2.50">2.50</option>
                <option value="2.75">2.75</option>
                <option value="3.00">3.00</option>
                <option value="5.00">5.00</option>
            </select> 
            <?php
            echo '</td>';
            echo '<td>';
            ?>
                <select name="overall" id="overall" disabled required class="form-control">
            <?php
                if($dblOverall!="0.00"){
                    ?>
                        <option value=" <?php echo $dblOverall; ?> "> <?php echo $dblOverall; ?> </option>
                    <?php
                }
                else{
                    ?>
                        <option value=" "></option>
                    <?php
                }
                ?>
                </select>
                <?php

以下是PHP部分：

<?php
require_once('server.php');
?>
<?php
     if(isset($_POST['dblmidterm'])&&isset($_POST['dblfinals'])){
        $dblMidterm = mysqli_real_escape_string($objConn, $_POST['dblmidterm']);
        $dblFinals = mysqli_real_escape_string($objConn, $_POST['dblfinals']);
        $dblOverall = ($dblMidterm + $dblFinals)/2;
        $dblOverall = number_format((float)$dblOverall, 2, '.', '');
        echo '<option value="' . $dblOverall . '">' .$dblOverall. '</option>';
       $dblMidterm = 0;
       $dblFinals = 0;
    }
?>

这是AJAX部分：

    $(document).ready(function() {
    $("#midterm, #finals").change(function() {
        var midterm = $("#midterm").val();
        var finals = $("#finals").val();
        if(midterm != "" && finals!= "") {
            $.ajax({
                url:"compute.php",
                data:{dblmidterm:midterm,dblfinals:finals},
                type:'POST',
                success:function(response) {
                    var resp = $.trim(response);
                    console.log(midterm);
                    console.log(finals);
                    console.log(resp);
                    $("#overall").html(resp);
                }
            });
        } else {
            $("#overall").html("<option value=''> </option>");
        }
    });
});

Answer 1

问题是你没有选择特定的选择，所以JavaSript找到了第一个。您需要对this关键字进行一些阅读。

var row = $(this).closest('tr'); //finds the row the select you used is in
var midterm = row.find('#midterm').val(); //finds the #midterm in that row
var finals = row.find('#finals').val(); //finds the #finals that row

使用php和ajax

1 个答案: