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

Question

我正在编写一个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>

Answer 1

您使用错误的选择器来获取文本输入区域。尝试使用＆＃34; #input1＆＃34;。像这样得到你的文本区域值

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事件，你可以任何你想要的方式改变它