Question

在我的项目中，我们使用spring，JSTL，bootstrap和jquery。在spring控制器的后端中，我将食物值列表分配给键“ foodList”。在用户界面中，我正在对其进行迭代并显示其值。

我将字段“ weight”设置为文本输入。无论从后端设置什么，都将打印默认值。如果用户想要更改，他可以这样做。

当用户更改值时，我想获取修改后的值，但是在jquery代码中，我总是获取默认值，而不是由用户更新的默认值。

有人可以帮助解决我代码中的错误吗？

HTML代码，

<table id="table_food"
    class="table table-bordered">
    <thead>
        <tr>
            <th>Quantity</th>
            <th>Food Name</th>
        </tr>
    </thead>

    <tbody>
        <c:forEach items="${foodList}" var="det">
            <tr class="clickable-row" id="${det.id}">
                <td><input type="text" class="inputWeight"
                    value="${det.weight}" id="abcd" /></td>
                <td><div data-toggle="tooltip" data-placement="top"
                        title="${det.desc}" class="trunc">
                        <c:out value="${det.desc}" />
                    </div></td>
        </c:forEach>
    </tbody>
</table>

jQuery代码，

$(document).ready(function(){ 
$(".inputWeight").change(function(){
    alert($(this).val()); }); 
});

Answer 1

您的jQuery代码没有问题。未获得所需输出的原因是您实际上将输入值与变量绑定在一起，只需做一件事即可将previos数据放入占位符值并将设置值属性留空

从Jquery库而非用户输入值时获取默认值

1 个答案: