基于下拉菜单的自动完成功能与Php [英] Dropdown based Autocomplete with Php

查看:50
本文介绍了基于下拉菜单的自动完成功能与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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆