如何从DOM获得Html以及输入数据

How to get Html from DOM along with input data

本文关键字：输入 数据 Html 获得 DOM      更新时间：2023-09-26

我正在编写一个web应用程序，我必须从DOM发送HTML以及各自的文本区域和文本框的值。目前，我正在使用innerHTML来实现这一点。

假设我们有一个html脚本 
<div id="abcd">
   <form id="form1" >
      <input type="text" id="input1" />
   </form>
</div>

现在，在浏览器的html页面上，我用一些值填充文本框(例如- "12345")。然后，我尝试用

捕获完整的html
var x = $("#abcd").html();  // or 
var x = document.getElementById("abcd").innerHTML ;

我在x中得到的是

<div id="abcd">
   <form id="form1" >
      <input type="text" id="input1" />
   </form>
</div>

虽然我想要像- 

<div id="abcd">
   <form id="form1" >
      <input type="text" id="input1" value="abcd" />
   </form>
</div>

您使用错误的选择器来获取文本输入区域。尝试使用"#input1"。像这样获取文本区域值

var x = $("#input1").val();

这将捕获用户输入的文本。然后使用变量x创建完整的HTML

var y = '<div id="abcd"><form id="form1" ><input type="text" id="input1" value=' + x + "/>   </form></div>"

这里是小提琴http://jsfiddle.net/qMcJ9/PS，我不知道你在用什么事件，所以我把它连接到。keyup事件，你可以改变它任何你想要的

相关文章：