簡體   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