jq动态获取input的值传给html,jquery 保证html()拿到的html字符串包含input的value值

博客探讨了在使用jQuery操作DOM时,html()方法无法获取到input元素实时更新后的value值的问题。文章指出,html()返回的是元素初始的HTML,而要获取动态改变的value,需要通过JavaScript的attr()方法设置和获取。测试代码展示了如何通过$().attr('value','123')来更新并获取input的最新值。
摘要由CSDN通过智能技术生成

发现html()返回的值,并不包含input的value的值, value得到的是空字符串。

原因,DOM在这html渲染的时候value这个attribute仅仅是代表input的初始值。

后面,如果需要拿到新的html带最新value的需要用js手动的设置attribute value为新值。

比如用$().attr('value', '123);

测试代码如下

$(function(){

$("#div-1 [name=field-0]").attr('x', 123);

//$("#div-1 :input").val(7);

});

function test(){

var fieldValue0 = $("#div-1 [name=field-0]").val();

$("#div-1 [name=field-0]").attr('value', fieldValue0);

var str=$("#div-1").html();

alert(str);

}

按下test按钮的时候,会alert的html包含input里面手动输入的新值.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值