jquery的選擇列表表

內我有此JSON數據jquery的選擇列表表

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

我需要每一列的標題在第二行中具有相同的選擇列表如下

字詞1字詞2 TERM3

[選擇] [選擇] [選擇]

我的問題是我怎麼每列下追加第二行中的選擇列表？任何指針十分讚賞

來源

2015-06-07 GOA

設法做我想要的東西提取選擇對象的外部HTML並連接到tContents

var extTags = sel.get(0).outerHTML; 
tContents += "<tr><td>" + extTags + "</td></tr>"

來源

2015-06-07 11:49:37 GOA

jquery的選擇列表表

回答

相關問題