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

【问题标题】：Populate a Custom drop down box in Data Table在数据表中填充自定义下拉框
【发布时间】：2012-05-05 22:32:28
【问题描述】：

我正在尝试填充我在 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>');

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

【问题讨论】：

您可以通过 out.println 回显整个 javascript，并在 select 语句中吸收您的 JDBC 代码
我没明白你到底想说什么。你能详细说明一下吗？

标签： javascript jquery html datatable

【解决方案1】：

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

model.addAttribute("userTeams",userTeams);

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

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>');

【讨论】：