javascript - HTML - 改变输入值

Question

我最近发布了一个类似的问题，但经过一番讨论，这个问题与最初提出的问题有很大不同，所以我认为最好将其作为一个新问题发布。我正在尝试使用输入字段来显示总数（我会考虑使用另一种元素类型，但我需要在实际需要输入字段的其他地方做同样的事情，所以我现在不妨解决这个问题） . 问题是包含这些字段的表的 HTML 有时需要重新加载，即在创建表时，我使用 Jquery $('#table1').html($('#table1').html() + <next_table_line>);。这会导致输入字段恢复为其value属性中显示的值，当我使用$('#input1').val(<some_value>);设置器或当我手动输入数据时。有谁知道我的问题的解决方案？我需要能够在不丢失数据的情况下向表中添加行，但我不知道如何做到这一点。

Answer 1

您正在使用该行重新加载整个表$('#table1').html($('#table1').html() + <next_table_line>);。您应该改为附加到您的表格中。采取以下示例小表：

<table id="test">
    <tr><td>test</td></tr>
</table>

现在，要添加新行，不要重写整个表格 HTML，只需追加！

$("#test").append("<tr><td>See im new!</td></tr>");

演示：http: //jsfiddle.net/uB2Rq/1/