javascript - 在数据表中填充自定义下拉框

Question

我正在尝试填充我在 JQuery 的数据表插件中创建的下拉框。我使用的代码是：

var oTable = $('#reqAllQueriesTable')
.dataTable(
{
 "sDom": '<"H"<"tools">lfrt>',
});
$("div.tools").html('Organize by Teams: <select id="booking_status"><option value="">Teams</option><option value="team1">Team 1</option><option value="team2">Team 2</option></select>');

我想用我的 Java 代码中的对象select的内容替换 HTML 中的静态内容。List这可以通过替换现有代码来实现吗？如果是，如何在这段代码中使用 Java 对象。请帮忙。

Answer 1

得到了答案。我从调用 JSP 的 java 代码中传递了一个模型属性：

model.addAttribute("userTeams",userTeams);

然后在 jQuery 数据表中，我覆盖 DOM 以调用div命名myTools：

var oTable = $('#reqAllQueriesTable')
.dataTable(
{
 "sDom": '<"H"<"myTools">lfrt>',
});

创建下拉列表的 div 如下所示：

$("div.myTools").html('Organize by Teams: <select id="teams"><option value="">Team</option><c:forEach var="userTeams" items="${userProjectTeams}"><option value="${userTeams.teamId}" onClick="javascript:takeAction(this.value)"> ${userTeams.teamtName}</option></c:forEach></select>');