Javascript 如何在php中创建搜索框？_Javascript_Php_Jquery_Html

Javascript 如何在php中创建搜索框？

javascript php jquery html

Javascript 如何在php中创建搜索框？,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我使用php、html和jquery实现了我的网站的搜索框首先，我创建了一个数据库，我使用php对值和值进行了排序使用jquery和html，我在搜索框下方的一个div中显示了搜索结果我的问题是，我无法使用向下键或向上键选择结果，为此，我还尝试在php的列表或下拉框中生成结果如果我在某些地方错了，请纠正我。下面是我正在使用的代码 <body> <h1>Search web page</h1> <form action="sea

我使用php、html和jquery实现了我的网站的搜索框

首先，我创建了一个数据库，我使用php对值和值进行了排序使用jquery和html，我在搜索框下方的一个div中显示了搜索结果

我的问题是，我无法使用向下键或向上键选择结果，为此，我还尝试在php的列表或下拉框中生成结果

如果我在某些地方错了，请纠正我。下面是我正在使用的代码

<body>

    <h1>Search web page</h1>
    <form action="search_demo.php" method="post"  >

        <input type="text" name="search" placeholder="search here" onkeydown="searchq();" />
        <input type="submit" value=">>" />

        <div id="output" style="z-index: 10; position: absolute ; background-color: yellow;">

        </div>
        <div id="stable" style="">

        </div>

    </form>
</body>

函数searchq{ var searchtxt=$input[name='search'].val； $.postsearch_demo12.php，{searchval:searchtxt}，functionoutput{ $output.htmloutput； }; }

在这种情况下，我认为最好使用onkeyup JavaScript函数，因为您正在实现实时搜索，并且需要动态更改输出。

您的意思是不能使用上下键选择结果吗

我认为这是因为您没有在选择列表中包装选项。这样做

while($row = $result->fetch_assoc()){
   $pname = $row['fname'];
   $purl = $row['lname'];
   //if($piece == $row['brand']){

   $output .= '<option>'.$pname.' '.$purl.'</option>'; 



}
echo "<select>".$output."</select>";

问题是什么？错误？@Umair谢谢，通常在搜索时，可以使用向下或向上箭头键选择结果。我可以选择在我的情况下，这是一个问题。

while($row = $result->fetch_assoc()){
   $pname = $row['fname'];
   $purl = $row['lname'];
   //if($piece == $row['brand']){

   $output .= '<option>'.$pname.' '.$purl.'</option>'; 



}
echo "<select>".$output."</select>";