javascript - 获取innerHTML AS HAS BEEN CHANGED

Question

最初，表单可能有一个如下所示的字段:

<input type="text" name="Age" value="" />

反正你就填个值34

很简单，我想存储形式为“最后状态”的缓存快照，如下所示:

<script language="JavaScript">
document.getElementById('cached').value=document.getElementById('form1').innerHTML;
</script>

但是，我得到的结果只是:

<input type="text" name="Age" value="" />

对比我想要的值是 34:

<input type="text" name="Age" value="34" />

有什么方法可以获取“实时”innerHTML？我肯定会接受 jQuery 解决方案。谢谢!

Answer 1

即使 jquery 也会返回相同的结果。你需要在这里做点小伎俩。因为当您填充字段时，您并没有真正设置 html 专有的值。

var snapshot = $('#field_ID').clone();
var ssv = $('#field_ID').val();
var snapshot = snapshot.attr('value' , ssv);

现在如果你使用

$('body').append(snapshot);

您将获得值为 的字段。

何时拍摄快照

了解何时拍摄这些快照的最佳方法是用户何时聚焦

$('#field_ID').focusout(function(){
    var snapshot = $(this).clone();
    var ssv = $(this).val();
    var snapshot = snapshot.attr('value' , ssv);
    $('body').append(snapshot);
})