1

我使用 document.documentElement.outerHTML 并得到了一切，除了它不包含所有输入元素的当前状态（文本框、复选框、选择、单选按钮等）

我可以使用 jquery 来获取元素值并更新 html 字符串。但我希望有一个标准的方法来做到这一点。任何想法？

这是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
      $(function () {
          $("#me").click(function () {
           alert(  document.documentElement.outerHTML )
          });
      });

</script>

 <style type="text/css">
 </style>

</head>
<body>
 <form>       
<input id="me" type="submit" value="test" />
<input id="Text1" type="text" value="" />
</form>
</body>
</html>
4

2 回答 2

0

从您在评论中所说的来看，您真的只想要表单提交的键值对。

我会首先考虑使用 jQuery.serialize()

如果 jQuery.serialize()不是您正在寻找的，您应该能够单独引用每个值，我个人将首先确定您的表单：

<form id="formOfStuff">

然后在纯javascript中，您可以执行以下操作：

var me = formOfStuff.elements["me"].value;
var text1 = formOfStuff.elements["text1"].value;
alert("me=" + me + " text1 = " + text1);

或在 jQuery 中：

var me = $("#me").val();
var text1 = $("#text1").val();
alert("me=" + me + " text1 = " + text1);

您输入的值是您的 POST 数据的一部分，也可以在您在表单操作中发布到的任何页面上访问服务器端。

于 2013-08-01T04:45:59.140 回答
0

你试过这个吗？

alert($('html').html());

它将警告除DOCTYPE之外的整个HTML 元素。

于 2013-08-01T04:14:36.993 回答