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

我试图填充我在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代码中对象列表的内容替换HTML中select的静态内容。 是否可以通过替换现有代码来实现这一点？如果是，该代码中如何使用Java对象。 请帮忙。

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

model.addAttribute("userTeams",userTeams);

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

创建下拉列表的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>');

---

您可以通过out.println回显整个javascript，并在select语句中吸收您的JDBC代码。我不明白您的确切意思。你能详细说明一下吗？

$("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>');