如何将参数传递给函数

Question

我的 javascript 函数被调用，但参数没有 passed.How 将参数传递给 javascript 函数。

我的要求

我需要在从 database.Also 加载页面时动态生成行我需要在单击添加时动态添加行 button.The 已生成行，但我无法将相应的值附加到column.Can 任何人 post 代码？任何帮助将不胜感激我是 javascript

的新手

这是我的代码...

我的HTML

<div class="systemset">
    <!-- table table-hover table-striped  table-bordered table-highlight-head-->
    <table id="systemsettingstid" class="table-bordered table-striped">
        <thead class="tax_thead" id="tdDetailList">
        <tr>

            <th width="200" id="code" title="Code">Code</th>
            <th width="200" id="from" title="from ">from</th>
            <th width="200" id="to" title="to">to</th>
            <th width="50" id="del" title="del">del</th>

        </tr>
        </thead>
    </table>

</div>
<div>

    <c:forEach var="item" items="${rateperiod_attribute}">
        <c:out value="code: ${item.code}"/>
        <c:out value="from:${item.fromDate}"></c:out>
        <c:out value="to:${item.toDate}"></c:out>
        <script> addRow("systemsettingstid", "code", "from", "to") </script>
    </c:forEach>
    <script type="text/javascript">
        var code = null;
        var from = null;
        var to = null;
    </script>
    <button type="button" onClick="javascript:addRow('systemsettingstid','code','from','to');">Add</button>
</div>

Javascript 函数

<script type="text/javascript">

    function addRow(tableId, code, from, to) { //Add new row to given table having id tableId

        var table = document.getElementById(tableId);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        var cell3 = row.insertCell(2);
        var cell4 = row.insertCell(3);//value=\"+code+\
        cell1.innerHTML = '<input type="text" id="code' + rowCount + '" name="code" maxlength="16" value=\"+code+\ />';
        cell2.innerHTML = '<input type="hidden" id="dp3' + rowCount + '" name="id" value="<c:out value="${item.id}"/>" />            <input type="date" id="dp3' + rowCount + '" class="" name="validFrom" maxlength="50" value="<fmt:formatDate pattern="yyyy-MM-dd" value="${item.validFrom}" />">';
        $('.datepicker').datepicker({
            format: 'yyyy-mm-dd'
        });
        cell3.innerHTML = '<input type="hidden" id="dp3' + rowCount + '" name="id" value="<c:out value="${item.id}"/>" />            <input type="date" id="dp3' + rowCount + '" class="" name="validFrom" maxlength="50" value="<fmt:formatDate pattern="yyyy-MM-dd" value="${item.validFrom}" />">';
        $('.datepicker').datepicker({
            format: 'yyyy-mm-dd'
        });

        cell4.innerHTML = '<a id="del3'
            + rowCount
            + '" href="javascript:deleteRow(\'systemsettingstid\', document.getElementById(\'del3'
            + rowCount + '\'));" class="delete_row"></a>';

    }

    function deleteRow(tableId, element) {    //Delete row of a given table
        var result = confirm('<spring:message code="message.delete.confirm" />');
        if (result == true) {
            var table = document.getElementById(tableId);
            var row = element.parentNode.parentNode.rowIndex;
            table.deleteRow(row);
        }
    }


</script>

Answer 1

在你的服务器端脚本文件my HTML你可以这样写：

<script type="text/javascript">
    addRow('<c:out value="${tableId}"/>', '<c:out value="${code}"/>', '<c:out value="${from}"/>', '<c:out value="${to}"/>');
</script>

...只需将 tableId、code、from 和 to 替换为您的实际变量名称即可。

你的我的HTML可能会变成：

<script type="text/javascript">
    <c:forEach var="item" items="${rateperiod_attribute}">
        addRow('systemsettingstid', '<c:out value="${item.code}"/>', '<c:out value="${item.fromDate}"/>', '<c:out value="${item.toDate}"/>');
    </c:forEach>
</script>

Answer 2

使用下面的代码会有帮助

<c:forEach var="item" items="${rateperiod_attribute}">

 <script type="text/javascript">
        var code = '${item.code}';
        var from = '${item.fromDate}';
        var to =   '${item.toDate}';

        addRow("systemsettingstid", code, from, to);
    </script>
</c:forEach>

最后提供 systemsettingstid

如何将参数传递给函数

How to pass argument to a function

javascript

jquery

jsp

arguments