通過html()的方法擷取常值內容， form表單組件顯示的值與擷取到的值不一致的問題

標籤：io   使用   ar   for   sp   on   問題   cti   html   

　　我在通過 html()擷取對應節點的內容，發現一個問題，擷取到的 form表單組件的內容值是初始載入的值，而不是經過使用者修改後的值。例如頁面載入時組件<input type="text" value="111111"/>,使用者更改表單的值為 222222，通過父節點的html（）方法擷取這個組件，預期應該是<input type="text" value="222222"/>，可結果卻是初始時的樣子<input type="text" value="111111"/>。

　　經過調試，發現通過使用者更改表單的值時，是不會更改對應表單節點的html值，而是更改了緩衝在記憶體中的屬性值（例如 properties），瀏覽器會把這個屬性值顯示出來，而不是value屬性的值（如果是textarea則是.html（）的值）.所以這個問題之所以出現，是因為我們誤以為瀏覽器顯示所用的值是儲存在 一開始要瀏覽器顯示值所使用的屬性（如果是textarea則是.html（）的值）。

　　如果想使通過html（）的擷取的內容與顯示的一致，可使用如下的幾個方法

//更改html的值的一些方法樣本
 $(".box_content input[type=‘text‘]").each(function(index, element) {//input text 標籤
          $(this).attr("value",$(this).val());
  });
  $(".box_content textarea").each(function(index, element) {//textarea 標籤
          $(this).html($(this).val());
 });   

然後執行 $(".box_content").html();  

 

註：當form表單使用reset的方法時，其實就是把 一開始瀏覽器顯示值所使用的儲存位置（input[text] 是value,textarea是.html（））的值 重新賦予 儲存使用者修改表單值的屬性（即val()方法獲得的值的存放位置）

 

通過html()的方法擷取常值內容， form表單組件顯示的值與擷取到的值不一致的問題