1

我正在尝试使用 HTML 和 java-script 制作一个程序，用户可以在该程序中添加内容并从 HTML 表中删除他想要删除的任何行我做了它，但只有一个单元格被文本框编辑，其他没有得到那里文本框的值请做一些帮助来完成我的任务，因为它会非常感激。

我的代码是： 

<!Doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

Javascript 也许这是我的 javascript 代码编写不正确请为我的任务获取任何解决方案

 <script type="text/javascript">

function delrow0()
{
document.getElementById("myTable").deleteRow(0);
}

function displayResult()
{
var table=document.getElementById("myTable");
var row=table.insertRow(0);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
var cell3=row.insertCell(2);
cell1.innerHTML=document.getElementById('txtname').value;
cell2.innerHTML=document.getElementById('txtauthor').value;
cell3.innerHTML=document.getElementById('txtcontent').value;

}

</script>
</head>
<body>

HTML 

<table id="myTable" border="1">
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
     <td>cell 3</td>
  </tr>
  <tr>
    <td>cell 4</td>
    <td>cell 5</td>
      <td>cell 6</td>
  </tr>
</table>
<br>
<button type="button" onClick="displayResult()">Insert new row</button>
<button type="button" onClick="delrow0s()">delete</button>

<form name="create">
Name:<input type="text" id="txtname" /><br/>
Author<input type="text" name="txtauthor" /><br/>
CDate:<input type="text" name="txtcdate" /><br/>
CDate:<input type="text" name="txtcontent" style="height:80px; " />
</form>

</body>
</html>

小提琴here

4

1 回答 1

3

您的代码很好，只需将 id 属性添加到所有输入即可运行

Name:<input type="text" id="txtname" /><br/>
Author<input type="text" id="txtauthor" name="txtauthor" /><br/>
Date:<input type="text" id="txtcdate" name="txtcdate" /><br/>
Content:<input type="text" id="txtcontent" name="txtcontent" style="height:80px; " />

你应该尝试一下jQuery，它让事情变得更容易处理

于 2013-10-04T12:19:12.580 回答