Question

我是新手，我需要帮助，这对我很复杂。对不起我的坏事。

我有来自@rushi的这个很酷的代码，现在我需要一个按钮来插入和更新更改并将其发送回表格。

在页面上它看起来不错，在表格视图的末尾有一个按钮，输入类型=文本从表格连接中有正确的值（见图片）！

来自rushi的原始代码块你在这里找到 - ＆gt; web-sql, javascript, show all tables of database

这是当下的代码。你能帮我找到“更新按钮”的解决方案吗？

 function processResultSet(tblname,results) {
      console.log('----------------------'+tblname)
      var len = results.rows.length;
      var tbl = document.createElement('table');
      var trTblName = document.createElement('tr');
      var thTblName = document.createElement('th');
      thTblName.innerHTML = tblname;
      trTblName.colSpan = 2;
      trTblName.appendChild(thTblName);
      tbl.appendChild(trTblName);
        
     //create Table-Head

      var trHeader = document.createElement('tr');
      var th1 = document.createElement('th');
      th1.innerHTML = '<font color=orange> ID STEMPEL</font>';
      var th2 = document.createElement('th');
      th2.innerHTML = '<font color=red> HERSTELLER </font>';
      var th3 = document.createElement('th');
      th3.innerHTML = '<font color=green> STÜCKZAHL </font>';
    var th4 = document.createElement('th');
      th4.innerHTML = '<font color=blue> KALIBER </font>'; 
      trHeader.appendChild(th1);
      trHeader.appendChild(th2);
      trHeader.appendChild(th3);
      trHeader.appendChild(th4);  
      tbl.appendChild(trHeader);
        
        //create Table-Inserts, show what is in the table

      for (var i = 0; i < len; i++) {

        var tr = document.createElement('tr');
        var td1 = document.createElement('td');
        td1.innerHTML = results.rows[i].id;
        var td2 = document.createElement('td');
        td2.innerHTML = results.rows[i].hersteller;
        var td3 = document.createElement('td');
        td3.innerHTML = '<form method="GET" action="edit_munition.html"><input name="formstueckzahl" type="text" value="' + results.rows[i].stueckzahl + '" size="5" maxlength="4" id="' + results.rows[i].id + '">';
        var td4 = document.createElement('td');
        td4.innerHTML = results.rows[i].kaliber;
        var td5 = document.createElement('td');
        td5.innerHTML = '<input type="submit" name="form" value="update"></form>';
          
        tr.appendChild(td1);
        tr.appendChild(td2);
        tr.appendChild(td3);
        tr.appendChild(td4);
        tr.appendChild(td5); 
        tbl.appendChild(tr);
          
      }
      var body = document.getElementsByTagName('X')[0];
      body.appendChild(tbl);
      body.appendChild(document.createElement('hr'));
        

    }

Answer 1

<强>解决方案：

td3.innerHTML = '<form method="GET" action="edit_munition.html"><input name="formstueckzahl" type="text" value="' + results.rows[i].stueckzahl + '" size="5" maxlength="4" id="formstueckzahl"><input type="hidden" name="formid" value="' + results.rows[i].id + '">' + " " + '<input type="submit" name="form" value="update"></form>';

websql添加按钮以在表

1 个答案: