php和jquery链式自动完成

时间:2017-05-20 22:52:43

标签: php jquery jquery-ui-autocomplete

我正在开发一个网站,我希望使用mysql数据库进行链式自动填充,我希望使用第一个文本字段输入搜索第二个文本字段

这是html代码:

    <script type="text/javascript">
            $(document).ready(function(){
                $("#name").autocomplete({
                    source:'node_fetch.php',
                    minLength:1
                });

            });
    </script>
</head>

<body>

  <form method="post" action="">
         Name : <input type="text" id="name" name="name" />
         Name2 : <input type="text" id="name2" name="name2" />
  </form>    

这是php代码:

<?php
include('config.inc');

$term=$_GET["term"];

$query=mysql_query("SELECT DISTINCT root1 FROM tree where root1 like '%".$term."%' order by root1 ASC");
$json=array();

while($student=mysql_fetch_array($query)){
     $json[]=array(
                'value'=> $student["root1"],
                'label'=>$student["root1"]
                    );
}

echo json_encode($json);

?>    

我想使用name1中选择的输入从root2自动完成name2 任何帮助?提前谢谢

1 个答案:

答案 0 :(得分:0)

在自动填充选项中添加选择功能,如下所示:

<script type="text/javascript">
        $(document).ready(function(){
            $("#name").autocomplete({
                source:'node_fetch.php',
                minLength:1,
            select: function (event, ui) {
                $("#name2").val(ui.item.label);
            });

        });
</script>

这将在第二个文本框中显示自动填充中的所选项目。

如果可以解决您的问题,请标记为已解答。