基于下拉菜单的自动完成功能与Php [英] Dropdown based Autocomplete with Php
本文介绍了基于下拉菜单的自动完成功能与Php的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在做一个项目,我希望在文本框中基于下拉选择自动完成值。
我的index.php编码:< br $> b $ b
I am doing a project where I want dropdown selection based autocomplete values in textbox.
My index.php coding:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script>
$(document).ready(function(){
$("#tag").autocomplete("autocomplete.php", {
selectFirst: true
});
});
</script>
<script>
$(document).ready(function() {
$("#city").change(function(){
var city = $("#city").val();
$("#stage").load('autocomplete.php', {"city":city} );
});
});
</script>
</head>
<body>
<div>Select City</div>
<select id="city" name="city">
<option value="select">Select</option>
<option value="Chennai">Chennai</option>
<option value="Madurai">Madurai</option>
<option value="Salem">Salem</option>
<option value="Trichy">Trichy</option>
</select><br />
<input type="text" id="tag" class="tag" size="20" /><br />
<div id="stage">
</div>
</form>
</body>
</html>
< br $>
在选择城市的索引页面中,使用jquery将值传递给autocomplete.php。
我的autocomplete.php编码:
In index page on selecting city the value is passed to autocomplete.php using jquery.
my autocomplete.php coding:
<?php
if($_REQUEST["city"])
{
$city = $_REQUEST['city'];
}
?>
<?php
echo $city;
$q=$_GET['q'];
$my_data=mysql_real_escape_string($q);
$mysqli=mysql_connect('localhost', 'root', '');
if (!$mysqli)
{
die('Could not connect: ' . mysql_error());
}
if(!mysql_select_db("details"))
{
die('Could not connect database: ' . mysql_error());
}
$sql="SELECT localty FROM localty where localty like '%$my_data%' and city='$city'";
$result = mysql_query($sql);
if($result)
{
while($row=mysql_fetch_array($result))
{
echo $row['localty']."\n";
}
}
?>
更改autocomplete.php中的城市值时显示的值,但在文本框中输入firstletter以自动完成城市不显示。
任何建议请。
on changing the city value in autocomplete.php the value is displayed but entering firstletter in textbox for autocomplete the city is not displaying.
Any Suggestions Please.
推荐答案
(document).ready(function(){
(document).ready(function(){
(#tag)。autocomplete(autocomplete。 php,{
selectFirst:true
});
});
< / script >
< script >
("#tag").autocomplete("autocomplete.php", { selectFirst: true }); }); </script> <script>
(document).ready(function(){
(document).ready(function() {
这篇关于基于下拉菜单的自动完成功能与Php的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文