Question

我有一个ajax调用，它返回一个sql查询结果并将其解析为一个html表。见下文：

function CreateTableFromJSON() {
  var email = "<?php echo $user_email; ?>";
  console.log(email);
  $.ajax({
    type: 'POST',
    url: 'api.php',
    data:{ 
      //format:'json'
      //data:$.param({
        'userEmail': email 
    },
    dataType: 'json',   
    success: function(data) {
      console.log(data);
      console.log("success");

      // EXTRACT VALUE FOR HTML HEADER. 
      var col = [];
      for (var i = 0; i < data.length; i++) {
        for (var key in data[i]) {
          if (col.indexOf(key) === -1) {
            col.push(key);
          }
        }
      } 

      // CREATE DYNAMIC TABLE.
      var table = document.getElementById('excel_tablebody2');           
      var tr = table.insertRow(-1); // TABLE ROW.

      //for (var i = 0; i < col.length; i++) {
      //  var th = document.createElement("th"); // TABLE HEADER.
      //  th.innerHTML = col[i];
      //  tr.appendChild(th);
      //}

      // ADD JSON DATA TO THE TABLE AS data.
      for (var i = 0; i < data.length; i++) {
        tr = table.insertRow(-1);

        for (var j = 0; j < col.length; j++) {
          var tabCell = tr.insertCell(-1);
          tabCell.innerHTML = data[i][col[j]];
        }
      }

      // FINALLY ADD THE NEWLY CREATED TABLE WITH JSON DATA TO A CONTAINER.
      var divContainer = document.getElementById("excel_table2");            
      divContainer.appendChild(table);
    },
    error: function(error) {
      console.log(error);
      console.log("CreateTableFromJSON did not work.....");
    }
  });    
};

我想在桌面上添加单选按钮。具体来说，我如何为动态表（未定义的行数和/或列数）执行此操作？

此外，单选按钮需要与特定的tr相关，因为它需要用于为该tr发回数据

目标是根据某些条件（用户电子邮件）返回表格。该表将包含需要使用单选按钮验证的数据。是/否按钮然后发回。

修改

我补充说，我不确定如何实现我的总体目标。是否最好允许用户使用单选按钮更新每一行，并在完成后将其全部提交回服务器。或者让每个单选按钮触发一个人更新＆＃39;随着你的进步回到服务器。实时更新与批量更新？

如何将单选按钮添加到动态html表

0 个答案: