Javascript - sql.js select 下拉
Javascript - sql.js select drop down
我正在尝试使用 sql.js 从我的本地数据库中检索数据并稍后进行修改。我试图创建一个 select 下拉列表,但是当我尝试简单地在 div 中显示输出时,它只显示最后一个值。我希望得到与显示所有数据的控制台相同的输出。
这是我的代码:
<div id="test">
</div>
<script src="sql.js"></script>
<script>
var xhr = new XMLHttpRequest();
xhr.open('GET', 'test.sqlite', true);
xhr.responseType = 'arraybuffer';
xhr.onload = function(e) {
var uInt8Array = new Uint8Array(this.response);
var db = new SQL.Database(uInt8Array);
db.each("SELECT user_name FROM users",
function(row){document.getElementById("test").innerHTML = (row.user_name )});
};
xhr.send();
</script>
谢谢。
该行不应该是
db.each("SELECT user_name FROM users",
function(row){document.getElementById("test").innerHTML = document.getElementById("test").innerHTML+ (row.user_name )});
};
我正在尝试使用 sql.js 从我的本地数据库中检索数据并稍后进行修改。我试图创建一个 select 下拉列表,但是当我尝试简单地在 div 中显示输出时,它只显示最后一个值。我希望得到与显示所有数据的控制台相同的输出。
这是我的代码:
<div id="test">
</div>
<script src="sql.js"></script>
<script>
var xhr = new XMLHttpRequest();
xhr.open('GET', 'test.sqlite', true);
xhr.responseType = 'arraybuffer';
xhr.onload = function(e) {
var uInt8Array = new Uint8Array(this.response);
var db = new SQL.Database(uInt8Array);
db.each("SELECT user_name FROM users",
function(row){document.getElementById("test").innerHTML = (row.user_name )});
};
xhr.send();
</script>
谢谢。
该行不应该是
db.each("SELECT user_name FROM users",
function(row){document.getElementById("test").innerHTML = document.getElementById("test").innerHTML+ (row.user_name )});
};