根据MySQL数据库的下拉选择值自动完成输入框值

时间:2014-10-20 18:02:02

标签: javascript php jquery mysql ajax

注意:自动完成效果非常好。

这个问题包括两部分。

1.Drop-down选择应该反映在自动完成输入框上。也就是说,如果我选择DATA,该值应搜索表并获取与DATA对应的项目并将其保存在自动完成输入框中而不刷新页面。

2.在 jquery.autocomplete.js q ”被称为GET值。所以我在auto_refer.php页面中使用$q = strtolower($_GET["q"]);。那么,如何在js文件中添加我们的自定义值,这样我就可以在变量中下拉,我可以在查询中使用它。请帮助

HTML:

<td><select name="tag" id="tag" >
<option value="">Select Type</option>
<option value="data1">DATA/option>
<option value="data2">CONS</option></select></td>
<td><input name="tag2" type="text" id="tag2"  maxlength="200"  /></td>

auto_refer.php

<?php
$q = strtolower($_GET["q"]);
$db->query("SELECT * FROM test where test_name like '$q%'");
  while ($line = $db->fetchNextObject()) {

    if ((($line->test_name)) !== false) {
        echo "$line->test_name\n";

 }
 }
?>

脚本:

<script src="js/jquery.autocomplete.js "></script>  
<script>$("#tag2").autocomplete("auto_refer.php", {
                width: 160,
                autoFill: true,
                mustMatch: true,
                selectFirst: true
            });</script>

0 个答案:

没有答案