时间戳

首页 > 解决方案 > AJAX - 在选择输入中更改事件时更改元素的 innerHTML 不起作用

javascript - AJAX - 在选择输入中更改事件时更改元素的 innerHTML 不起作用

问题描述

<select>当用户在元素中进行选择并在元素中显示通过 AJAX 获得的所述值但它不起作用时，我试图从数据库中获取产品的值，如果我去precio.php?q=PRODUCTO%201它确实给了我想要的10结果让我认为 php 文件中的代码是正确的，问题必须存在于<script>部分或<select>元素中。

这是我的 AJAX 函数<head>

<script>
    function precioProd(str) {
        if (str=="") {
            document.getElementById("precio").innerHTML="";
            return;
        }
        if (window.XMLHttpRequest) {
            var xmlhttp = new XMLHttpRequest();
        }
        xmlhttp.onreadystatechange = function() {
          if (this.readyState == 4 && this.status == 200) {
            document.getElementById("precio").innerHTML = this.responseText;
          }
        };
        xmlhttp.open("GET", "precio.php?q="+str, true);
        xmlhttp.send();
      }
    }
</script>

这是我的<select>元素<body>

<div class="form-group row">
    <label class="col-sm-4 col-form-label font-weight-bold">Elige un Producto</label><br>
    <div class="col-sm-8">
        <select class="custom-select my-1 mr-sm-2" id="producto" name="producto" onchange="precioProd(this.value)" required>
            <option selected>Elegir...</option>
    <?php require $_SERVER['DOCUMENT_ROOT'].'/php/fetch_lista_productos_compra.php'; ?>
        </select>
    </div>
</div>
<h3 id="precio" name="precio"></h3>

这是内容precio.php

<?php 
require $_SERVER['DOCUMENT_ROOT'].'/php/db_key.php';

$con = mysqli_connect($servername, $username, $password, $dbname);

$q = $_GET["q"];

$sql = "SELECT precio FROM productos WHERE titulo = '".$q."'";

$result = mysqli_query($con,$sql);

while($row = mysqli_fetch_array($result)) {
    echo $row['precio'];
}
?>

一如既往，我们将不胜感激任何形式的帮助，并感谢您抽出宝贵的时间。

标签： javascriptphpajaxonchange

解决方案

}您在脚本末尾添加了一个附加项。以下是可以的。

<script>
    function precioProd(str) {
        if (str=="") {
            document.getElementById("precio").innerHTML="";
            return;
        }
        if (window.XMLHttpRequest) {
            var xmlhttp = new XMLHttpRequest();
        }
        xmlhttp.onreadystatechange = function() {
          if (this.readyState == 4 && this.status == 200) {
            document.getElementById("precio").innerHTML = this.responseText;
          }
        };
        xmlhttp.open("GET", "precio.php?q="+str, true);
        xmlhttp.send();
    }
</script>

推荐阅读