在使用 javascript 动态添加行时,我正在增加索引值,但出现错误

While adding row dynamically using javascript I am incrementing the index value, but getting error

本文关键字:索引值 增加 错误 动态 javascript 添加行      更新时间:2023-09-26
<script type="text/javascript"
    src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script type="text/javascript">
    var rowCount = 1;
    function addMoreRows() {
        rowCount++;
        alert("Hello "+rowCount);
        var recRow = '<p id="rowCount'+rowCount+'">'
                + '<tr><td><form:input path="dynamicRow['+rowCount+'].id"/></td>'
                + '<td><form:input path="dynamicRow['+rowCount+'].name" /></td>'
                + '<td><form:input path="dynamicRow['+rowCount+'].email" /></td></tr>'
                + ' <a href="javascript:void(0);" onclick="removeRow('
                + rowCount + ');">Delete</a>' + '</p>';
        $('#addedRows').append(recRow);
        //$(document).trigger("addedNewRow", rowCount);
    }
    function removeRow(removeNum) {
        $('#rowCount' + removeNum).remove();
        rowCount--;
    }
</script>

这是我在jsp页面中使用的脚本,但是在运行时抛出错误

Invalid property 'dynamicRow[+rowCount]' of bean class [com.sharique.beans.DynamicRowForm]: Invalid index in property path 'dynamicRow[+rowCount]'; nested exception is java.lang.NumberFormatException: For input string: "+rowCount"

以前它可以工作,但在代码清理期间,我做了一些更改,之后它开始抛出此异常。我不知道这里的错误是什么。请帮忙!!

删除dynamicRow['+rowCount+']内的单引号和"+"并检查。让它dynamicRow[rowCount]