多个文本框的Javascript自动完成功能

时间:2013-10-17 13:43:56

标签: javascript php

我在网上发现了这段代码并进行了一些编辑,以便从我的数据库中提取数据,而不是从文件中提取数据。

无论如何,我不是Javascript的专家,我想有两个文本框。第二个将是不可编辑的,一旦选择了模型,将自动填充。目前,数据库表只有两个字段,我希望第二个文本框自动填充第二列ID。

任何人都可以帮我解决这个问题。非常感谢。

        <!doctype html>
         <?php

         include('mysql_connect.php');

        $arr    = array();
        $sql    = "select model from models";
        $result = mysql_query($sql) or die(mysql_error());  
        while( $row = mysql_fetch_assoc( $result ) ) {
         $test = implode($row, ',');
         $arr[] = '"'.$test.'"';
        }

        echo '<pre>';
        $test = implode($arr, ',');
        echo $test;
        echo '</pre>';
         ?>

        <html lang="en">
        <head>
          <meta charset="utf-8" />
          <title>jQuery UI Autocomplete - Default functionality</title>
          <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
          <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
          <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
          <link rel="stylesheet" href="/resources/demos/style.css" />
          <script>
          $(function() {
            var availableTags = [
                <?php echo $test; ?>
            ];
            $( "#tags" ).autocomplete({
              source: availableTags
            });
          });
          </script>
        </head>
        <body>

        <div class="ui-widget">
          <label for="tags">Tags: </label>
          <input type="text" id="tags" />
        </div>


        </body>
        </html>

0 个答案:

没有答案