javascript - 使用innerHTML和GetElementById在输入框中插入值

标签 javascript html

我使用 javascript 添加了一行。现在我希望通过 id 从输入框文本中选取新列的值。其中存在某种错误,我无法理解。

<html>
<head>
<script>
function addtosubtotal() {
    var table = document.getElementById("myTable");
    var row = table.insertRow(2);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = getElementById("cid");
    cell2.innerHTML = document.getElementById("name");
        }
</script>
</head>

<body>
<table id="myTable" >
    <tr>
        <td>S. No</td>
        <td>Item Name</td>
        <td>Subtotal</td>
    </tr>
    <tr>
        <td><input type="text" id="cid" name="id" /> </td>
        <td><button onclick="addtosubtotal()" /></td>
    </tr>
</table>
</body>
</html>

最佳答案

您没有输入 ID name :

<input type="text" id="name" name="name" />

所以你不会通过id获取它

如果您愿意,您还可以在 JavaScript 中组合这两个语句

<script>
function addtosubtotal() {
    var table = document.getElementById("myTable");
    var row = table.insertRow(2);
    var cell1 = row.insertCell(0).innerHTML = document.getElementById("cid").value;
    var cell2 = row.insertCell(1).innerHTML = document.getElementById("name").value;
        }
</script>

关于javascript - 使用innerHTML和GetElementById在输入框中插入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28995687/

相关文章:

javascript - 如何使用 MooTools 设置文本输入的值

序列化 Groovy 映射到 JS 文字对象的 Javascript 解析

javascript - 当一个项目在导航中打开时,关闭所有其他宽度 jQuery

html - 下拉菜单继承其父项的宽度,如果其子项比父项宽度宽,则对其进行裁剪

javascript - 如何防止点击 "Select all"复选框影响表头和列排序

c# - 在 MVC 中包含来自程序集的 javascript

java - 在 JFrame 或 JPanel 中加载 javascript

html - 标题上的自定义删除线

html - 如何删除背景图像的边框

javascript - 为什么按钮单击事件会导致站点以 Bootstrap 形式重新加载?