我如何从php的while循环中使用的html标记中获取单个文本值以显示数据库中的数据？

Question

<script type="text/javascript">
$(document).ready(function() {
    $(document).on('change','.uptprice',function(){
        var quantity = $(this).text();
        var vege = $('.itemText').text();
        $.ajax({ type: 'POST',
                 url: "price.php",
                 data: "{'quant':'"+quantity+"', 'vegtle':'"+vege+"'}",
                 success: function(result) {
                    $('.price').text(result);                   
                 },
                 error: function(error) {
                    console.log(error);
                 }
        });
    });
});

这是用于从p标签获取文本的js代码。

var quantity = $(this).text();
var vege = $('.itemText').text();

但是它没有获取单个值，而是遍历数据库中所有的值。 我检查使用：

console.log(quantity);
console.log(vege)

html代码：

    <div class="container">
        <div class="row">
            <div class="col-lg-3" >
                <?php
                if($vegetable<>$row["vegetable"])
                {
                ?>
                <p class="itemText"><?php echo $row["vegetable"]; ?></p>
            </div> 
            <div class="col-lg-3" >
                <p class="price"><?php echo $row["price"]; ?></p>
            </div> 
            <div class="col-lg-3" >
                <select class="uptprice">
                    <?php
                        $sql1 = "SELECT quantity FROM vegetables WHERE vegetable = '".$row["vegetable"]."'";
                        $result1 = $conn->query($sql1);
                        if ($result1->num_rows > 0) {
                            while($row1 = $result1->fetch_assoc()) {
                    ?>
                    <option ><?php echo $row1["quantity"]; } } ?></option>
                </select>
            </div>
            <div class="col-lg-3">
                <button class="add">ADD</button>
            </div>
            <div class="cart"></div>
        </div>
    </div>

在此下拉列表也由数据库填充。 我的目标是，每当用户从下拉菜单中选择一个选项时，代码都应获取更改后的值并通过ajax请求，以便我可以在php中处理该选择的选项以获得所需的结果。 但是相反，它循环了我在html代码中使用过的while循环来显示数据库中的数据。

Answer 1

Hola debes realizar el siguiente cambio en tucódigoHTML：

            <select name="select_ejemplo" id="select_ejemplo">
                <?php
                    $sql1 = "SELECT quantity FROM vegetables WHERE vegetable = '".$row["vegetable"]."'";
                    $result1 = $conn->query($sql1);
                    if ($result1->num_rows > 0) {
                        while($row1 = $result1->fetch_assoc()) {
                ?>
                <option id="uptprice" value="<?php echo $row1['quantity'] ; ?>"><?php echo $row1["quantity"]; } } ?></option>
            </select>

cambios en el price.php：

可变环境杂志

$vegle = $_POST["vegtle"]; （马洛）

黛比·坎比亚

$vegle = $_POST["vegetle"]; （边）

cambios en el jquery：

<script type="text/javascript"> $(document).ready(function() { $("select[name=select_ejemplo]").change(function(){ var quantity = $('select[name=select_ejemplo]').val(); var vege = $('.itemText').text(); $.ajax({ type: 'POST', url: "price.php", dataType:"text", data:{ quant: quantity,vegetle: vege}, success: function(result) { $('.price').text(result);
}, error: function(error) { console.log(error); } }); }); });