Question

要求：

我想在点击添加按钮后用动态值填充td值。

代码

<script>
    function addRow(in_tbl_name)
    {
        var tbody = document.getElementById(in_tbl_name);
        var row = document.createElement("TR");
        var td1 = document.createElement("TD")
        var strHtml1= "<Rule Id>";
        td1.innerHTML = strHtml1.replace(/!count!/g,count);
        var td2 = document.createElement("TD")
        var strHtml2 = "<Rule Name>7;
        td2.innerHTML = strHtml2.replace(/!count!/g,count);
        row.appendChild(td1);
        row.appendChild(td2);
</script>

<td>Selected Plans
    <br>
    <table ID="in_tbl_name" border="1">
    <tr>
        <td>Rule Id</td>
        <td>Rule Name</td>
    </tr>
</table>


<form action="/SubmitRule" method="post" model="command">
    <table>
        <tr>
            <td>
                <select name="Select"><c:forEach items="${listRules}" var="rule">
                    <option value="${rule.id}">
                        <c:out value="${rule.id}" />
                    </option>
                    </c:forEach>
                </select>
            </td>           
        <td>
            <input type="submit" onClick="addRow('in_tbl_name')"
            VALUE="AddRow">
        </tr>
    </table>
 </form>
 </td>

我获得了id的价值但却不明白如何将该值放入td。

Answer 1

实际上您当前的代码包含许多Javascript和HTML问题，您需要在深入了解之前查看更多Javascript和HTML课程。

否则，您需要编辑代码以及处理问题的方法，以避免出现多个问题，例如：

在你的javascript函数中，你不需要将表id作为参数传递（你在HTML上做错了），你可以简单地在Javascript上使用id而不传递它，因为你正在处理单个这里有表格。
你的javascript函数没有正确关闭，这会在控制台上触发错误（按 F12 查看它，它应该正确关闭，最后它你不依赖于{ {1}}到tbody，因此永远不会添加该行。
您的table代码也不正确，例如，您在HTML内的任何<td>或<table>内的整个代码都是错误的，你可以使用<tr>来包装整个内容。
在您的Javascript代码中，您缺少一些引号<div>，并且在您的HTML代码中，您缺少一些应该修复的结束标记，并且表头的第一个"可以被<td>元素替换。

我在这里尝试更新您的代码以使其更加连贯：

<th>

然后您需要更多地关注代码的逻辑以及如何解决添加新行的问题。

Answer 2

这里是用于在表中添加行的代码，还删除了表

中最后添加的行

Houses.insert(it,temp, WolfDen());

如何在添加按钮上填充动态值按钮

2 个答案: