如何获得我的 livesearch 的第一个字母？

Question

现在，如果我在我的 livesearch 中输入任何字母，它会显示包含该字母但不是以该字母开头的结果。我需要代码来仅显示以键入的字母开头的那些结果。如果没有结果，它应该显示“无建议”，但不知何故不起作用。谁能解决这个问题？

function showResult(str) {
  if (str.length==0) {
    document.getElementById("livesearch").innerHTML="";
    document.getElementById("livesearch").style.border="0px";
    return;
  }
  var xmlhttp=new XMLHttpRequest();
  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","livesearch.php?q="+str,true);
  xmlhttp.send();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div id="sb">
<form>
<input type="text" placeholder="Type ..." onkeyup="showResult(this.value)">
<div id="livesearch"></div>
</form>
</div>

<?php $xmlDoc=new DOMDocument(); $xmlDoc->load("links.xml");

$x=$xmlDoc->getElementsByTagName('link');

//get the q parameter from URL $q=$_GET["q"];

//lookup all links from the xml file if length of q>0 if (strlen($q)>0) {   $hint="";   for($i=0; $i<($x->length); $i++) {
    $y=$x->item($i)->getElementsByTagName('title');
    $z=$x->item($i)->getElementsByTagName('url');
    if ($y->item(0)->nodeType==1) {
      //find a link matching the search text
      if (stristr($y->item(0)->childNodes->item(0)->nodeValue,$q)) {
        if ($hint=="") {
          $hint="<a href='" .
          $z->item(0)->childNodes->item(0)->nodeValue .
          "' target='_blank'>" .
          $y->item(0)->childNodes->item(0)->nodeValue . "</a>";
        } else {
          $hint=$hint . "<br /><a href='" .
          $z->item(0)->childNodes->item(0)->nodeValue .
          "' target='_blank'>" .
          $y->item(0)->childNodes->item(0)->nodeValue . "</a>";
        }
      }
    }   } }

// Set output to "no suggestion" if no hint was found // or to the correct values if ($hint=="") {   $response="no suggestion"; } else {  $response=$hint; }

//output the response echo $response; ?>

<pages>
<link>
<title>Example</title>
<url>https://www.w3schools.com/tags/tag_a.asp</url>
</link>
<link>
<title>Example</title>
<url>https://www.w3schools.com/tags/tag_br.asp</url>
</link>
</pages>

Answer 1

检查您搜索项目的条件语法：

//find a link matching the search text
if (stristr($y->item(0)->childNodes->item(0)->nodeValue,$q))

这是在项目的任何部分进行搜索 $q ，你想要做的是只搜索以 $q 开头的，所以你必须更改语法：

if (strpos(strtolower($y->item(0)->childNodes->item(0)->nodeValue), strtolower($q)) === 0)

所以现在它将搜索开头是否匹配（位置=== 0）。您还注意到我在两个比较值中都使用 strtolower()，这是因为 strpos() 区分大小写，而 stristr() 不区分大小写。

您现在可以尝试更改此行并告诉我们它是否有效吗？

如何获得我的 livesearch 的第一个字母？

How to get the first letter on my livesearch?

javascript

html

xml

search

livesearch