时间戳

首页 > 解决方案 > jquery ui从web sql自动完成

jquery - jquery ui从web sql自动完成

问题描述

我正在使用 web sql 处理项目 HTML。我正在尝试从 web sql 数据中自动完成一个文本框。但是自动完成功能不起作用，也没有显示错误。这是我的代码

<html>
    <head>
        <title>ANJAN</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
        <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/blitzer/jquery-ui.css">
    </head>
<body>
<input type="text"  name="ACC" id="ACC" class="form-control input-sm"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
var ACCAUTO = "";
var db = openDatabase('test', '1.0', 'test', 5 * 1024 * 1024);
$(document).ready(function () {
db.transaction(function (tx) {
                    tx.executeSql('create table if not exists test1(ID integer primary key autoincrement, REF text, DATE date not null, ACC text, ACCTP text, PARTY text, PARTYTP text, AMT DECIMAL(10, 5), REM text, PROJ text)');
                });
db.transaction(function (tx) {
                    tx.executeSql('select * from test1 group by ACC', [], function (tx, results) {
                        var n = results.rows.length;
                        for (var i = 0; i < n; i++) {
                            var x = results.rows.item(i);
                            ACCAUTO += x.ACC + ',';
                        }
                    });
                });
                $("#ACC").autocomplete({
                    source: ACCAUTO
                });
});
</script>
</body>
</html>

请在这方面帮助我

标签： jqueryhtmljquery-uiautocompleteweb-sql

解决方案

推荐阅读