繁体   English   中英

自动补全文本框html

[英]Autocompletion textbox html

我正在可支持自动完成更多时间的网页上工作。 如果我写d,程序将为我提供dari。 好的,但是我希望能够在文本框中输入多个文本。 所以我按; 然后我开始编写新的输入,程序再次为我提供了不错的选择,但是他删除了以前的选项。

index.html

<title>Auto Complete Input box</title>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script>
 $(document).ready(function(){
  $("#tag").autocomplete("autocomplete.php", {
        //selectFirst: true
  });
 });
</script>
</head>
<body>
<label>Tag:</label>
<input name="tag" type="text" id="tag" size="150"/>
</body>
</html>

autocomplete.php

<?php
 $q=$_GET['q'];
 $my_data=mysql_real_escape_string($q);

 $my_data2=$my_data;
 $pos=0;
 for($i=0;$i<strlen($my_data);++$i)
 {
   if($my_data[$i]==';')$pos=$i;
 }

 $s="";
 if($pos!=0){
 for($i=$pos+1;$i<strlen($my_data);++$i)$s.=$my_data[$i];
 $my_data=$s;}

 $mysqli=mysqli_connect('localhost','root','','raspored') or die("Database Error");
 $sql="SELECT ime FROM korisnici WHERE ime LIKE '%$my_data%' ORDER BY ime";
 $result = mysqli_query($mysqli,$sql) or die(mysqli_error());

 if($result)
 {
  while($row=mysqli_fetch_array($result))
  {
   echo $row['ime']."\n";
  }
 }
?>

您必须extend the autocomplete plugin才能获得此功能。

你可以在这里看到一个例子

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM