jq动态获取input的值传给html,jquery 保证html()拿到的html字符串包含input的value值
生活随笔
收集整理的這篇文章主要介紹了
jq动态获取input的值传给html,jquery 保证html()拿到的html字符串包含input的value值
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
發現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里面手動輸入的新值.
總結
以上是生活随笔為你收集整理的jq动态获取input的值传给html,jquery 保证html()拿到的html字符串包含input的value值的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 4nm工艺能效更高 天玑9000比202
- 下一篇: 类选项html 最后无距离,各种距离