javascript - 在使用jquery的表中显示数据

  显示原文与译文双语对照的内容
0 0

我有一个输入文本框和一个按钮。

我想要的是当任何数字写入输入并单击按钮时,我需要在表中显示一些虚拟数据。

我像这样做了 :

Javascript

$("button#submitid").click(function () {
$("#datatable").toggle();
 $("#datatable").append('<tr id="foo"><td>hi</td><td>hi</td><td>hi</td><td>hi</td><td>hi</td><td>hi</td></tr>');
});

我的问题是当我提交第三次时表没有显示出来。。我不知道它在哪里。

时间:原作者:5个回答

0 0

问题在于这一行: $("#datatable").toggle(); 。每次单击按钮时都会切换表,所以只会显示每个它的他时间( 即使你在每次点击时) 。

你可以只使用 $("#datatable").show();,或者添加一些实际逻辑来判断表什么时候或者不可见。

原作者:
0 0

不要仅仅是 toggle() ( )

$("button#submitid").click(function () {
 $("#datatable").append('<tr id="foo"><td>hi</td><td>hi</td><td>hi</td><td>hi</td><td>hi</td><td>hi</td></tr>');
 $("#datatable").show();
});

对 op http://jsfiddle.net/e254w/的评论 edit edit

//json data object
var data = JSON.parse('{"1": ["a","b","c"],"2": ["x","y","z"] }');
$("#submitid").click(function() {
 var rowId = $("#number").val();
 var rowData = data[rowId];
 if(rowData) {
 var tr = $("<tr></tr>").attr("id","datatable-row-" + rowId);
 for(var col=0; col<rowData.length; col++)
 tr.append($("<td></td>").text(rowData[col]));
 $("#datatable").append(tr);
 $("#datatable").show();
 } else {
 alert("Row doesn't exist in json object:" + rowId);
 }
});
原作者:
...