javascript—从ajax调用的结果中单击select(无jquery)

yvt65v4c  于 2021-06-20  发布在  Mysql
关注(0)|答案(1)|浏览(355)

我试图通过一个实时搜索脚本得到一些结果,并让所选的选项停留在输入我键入的查询,到目前为止,我有这个,我确实得到了我键入的列表,但我尝试了不同的配置,仍然没有使它工作。这就是我所拥有的:

<!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>Prueba de asincronía</title>
    <script>
    function showResult(Option) {
      if (Option.length==0) {
        document.getElementById("livesearch").innerHTML="";
        document.getElementById("livesearch").style.border="0px";
        return;
      }
      if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
      } else {  // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange=function() {
        if (this.readyState==4 && this.status==200) {
          document.getElementById("livesearch").innerHTML=this.responseText;
          document.getElementById("livesearch").style.border="1px solid #A5ACB2";
        }
      }
      xmlhttp.open("GET","estados.php?busca_edo="+Option,true);
      xmlhttp.send();
    }
    </script>
      </head>
      <body>
    <form>
    <input type="text" size="30" onkeyup="showResult(this.value)" value="">
    <div id="livesearch"></div>
    </form>
      </body>
    </html>

mysqli查询如下所示:

<?php
    error_reporting(E_ALL);
    ini_set("display_errors", 1);
    include("db_connetion.php");

    $states_search = $_GET['busca_edo'];
    $q4=mysqli_query($cnx,"SELECT * FROM estados WHERE estado LIKE '%$states_search%' ORDER BY estado ASC");

    if(mysqli_num_rows($q4) >= 1){

    while($rows=mysqli_fetch_assoc($q4)){
    ?>

    <option value="<?= $rows['id'] ?>"><?= $rows['estado'] ?></option>

    <?php
    }
    }else{
    echo '<option value="">No hay resultados</option>';
    }
    ?>

有人能给我指出正确的方向吗?
谢谢大家。

ac1kyiln

ac1kyiln1#

我只是在重新编写while循环,将它放入代码中,您将得到准确的结果。

if(mysqli_num_rows($q4) >= 1){
    while($rows=mysqli_fetch_array($q4, MYSQLI_ASSOC)){
        echo "<option value='".$rows['id']."'>".$rows['estado']."</option>" ;
    }
}
else{
    echo '<option value="">No hay resultados</option>';
}

相关问题