如何在HTML中存储数据库项列表？

Question

我正在做一个使用Django框架的项目。我用数据显示给用户表。每行旁边都有一个“编辑”按钮。当用户单击此按钮时，在行的其中一个单元格中，选择框将显示用户名。目前，为了给这个htmlselect元素提供选项，我将所有用户名存储在div元素的data属性中，当用户单击这个“Edit”按钮时，我从这个data属性获取列表来创建选项。在我看来，这不是正确的解决办法。有没有更好的解决方案可以将用户名存储在页面中，以便在需要时获取用户名？ 当前代码：

<div id="usernames" data-usernames="{{users |safe}}" class="hidden"></div>
(...)

var divWithUsernames = document.getElementById("usernames");
var usernames = (divWithUsernames.getAttribute("data-usernames").replace(/&(l|g|quo)t;/g, function (a, b) {
    return {
        l: '<',
        g: '>',
        quo: '"'
    }[b];
}));
for (var i = 0; i < usernames.length; i++) {
    var val = usernames[i];
    var option = $("<option />", {value: val, text: val});
    option.appendTo($select);
}

Answer 1

我将使用ajax加载json数据并在需要时填充select列表。在

它看起来像这样：

“JSON”用户.json““

[{ user: "bob", age: 40 }]

查询：

^{pr2}$