Question

我正在尝试通过实时搜索脚本获得一些结果，并将选择的选项保留在我键入查询的输入中，到目前为止，我已经拥有了，在输入时确实会得到列表，但是我我尝试了不同的配置，但仍没有使它起作用。这就是我所拥有的：

    <!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>';
    }
    ?>

有人可以向我指出正确的方向，请不要使用JQuery？

谢谢大家。

Answer 1

我只是重写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>';
}

从ajax调用的结果中单击选择（无jquery）

1 个答案: