我有这个JSON数据
data = [
{"1":"Term 1","2":"Term 2","3":"Term 3"},
{"1":"CAT 1","2":"CAT 2","3":"EoY"}
]
并且需要创建一个表,其中第一个元素作为标题,第二个元素是表中的选择列表。
我的表有两行:到目前为止,这就是我所拥有的:
表结构:
<div id='tableSearchDiv'>
<table id='tableSearch'>
<thead></thead>
<tbody></tbody>
</table>
</div>
创建表的功能:
function modalTableFirst(data) {
//create a select box with categories
var sel = $("<select id=\'selectId\' name=\'selectName\' />");
//create the options using the passed json element
$.each(data[1],function(k,v){
$("<option />",{value:k,text:v}).appendTo(sel);
});
//create the table headers for the results search
var tContents = "";
tContents += "<tr>";
$.each(data[0],function(key,value){
tContents += "<th>" + value + "</th>";
});
tContents += "</tr><tr>";
$("#tableSearch").html(tContents);
}
我需要标题的每一列在第二行中具有相同的选择列表,如下所示
term1 term2 term3
[select] [select] [select]
我的问题是如何将选择列表附加到每列下的第二行?任何指针都非常感激
答案 0 :(得分:0)
管理我想要提取select对象的outerHTML并连接到tContents
var extTags = sel.get(0).outerHTML;
tContents += "<tr><td>" + extTags + "</td></tr>"