javascript - 无法从 json 记录集中打印表中的变量

Question

我有一个 Json 记录集，它运行良好，但是到目前为止我还无法弄清楚如何将 json 数组的值放入表的特定单元格中。

这是我的函数，它查找表单并开始打印值，但前提是表中有输入组件

function process_response(response) {
  var frm = document.getElementById("form-ajax");
  var i;
  console.dir(response);      // for debug
  for (i in response) {
    if (i in frm.elements) {
      frm.elements[i].value = response[i];
    }
  }
}

这是 table

form id="form-ajax" action="form-ajax.php"> 
<table class="table">
  <thead>
    <tr>
      <th scope="col"></th>
   </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="text" id="name" name="ID" maxlength="12" size="12"></td>
      <th scope="row"><input type="submit" value="1" /></th>
      <td></td>  

这是我想要在不需要放置输入的情况下得到结果集的地方

如果我放置这样的东西。

<td><input type="text" name="1" /></td>

然后 javascript 开始工作，它读取 json 名称中带有 1 的任何内容。但如果我做这样的事情。 <td name="1"></td>然后没有打印出来。

无论我做什么不同于放置输入类型 =“文本”，函数都不起作用。

我需要用 json 中的特定顺序填充表格。

Answer 1

TD 不是表单的一部分，没有值或名称属性

你可以做

var tds = document.querySelectorAll("td[name]"); 
for (var i=0;i<tds.length;i++) {  
  tds[i].innerText=response[tds[i].getAttribute("name")]; 
}

假设名称属性匹配响应键

您也可能不希望有一个提交按钮，而是一个 type="button"