Javascript 如何将给定输入值的页面html保存到提交时的变量中
我正在生成一个报告,我需要的html格式的输入值也。我正在保存表单(页面的HTML),并将表单的输入保存到一个变量中。但当我保存它时,输入不会进入它 如何将值保存到其中 HTML:Javascript 如何将给定输入值的页面html保存到提交时的变量中,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在生成一个报告,我需要的html格式的输入值也。我正在保存表单(页面的HTML),并将表单的输入保存到一个变量中。但当我保存它时,输入不会进入它 如何将值保存到其中 HTML: <form method="POST" action="<?php echo BASE_URL . 'php/processing/formInput/formDataInputProcesing.php?id=' . $_GET['id']; ?>" > &l
<form method="POST" action="<?php echo BASE_URL . 'php/processing/formInput/formDataInputProcesing.php?id=' . $_GET['id']; ?>" >
<div id="formHtml">
<?php echo $formHtml; ?>
<hr>
</div>
<input type="hidden" value="" id="formHtmlValue" name="hiddenvalue" >
<div class="text-center">
<button type="submit" class="btn btn-info" name="submitData" id="submitData"><i class="fa fa-check">Submit</button>
</div>
<hr>
</form>
<script type="text/javascript">
$('#submitData').click(function(){
var html = $('#formHtml').html();
$('#formHtmlValue').val(html);
});
</script>
我使用的是旧方法
<form method="POST" onsubmit="setValue(this)" action="<?php echo BASE_URL . 'php/processing/formInput/formDataInputProcesing.php?id=' . $_GET['id']; ?>" >
<div id="formHtml">
<?php echo $formHtml; ?>
<hr>
</div>
<input type="hidden" value="" id="formHtmlValue" name="hiddenvalue" >
<div class="text-center">
<button type="submit" class="btn btn-info" name="submitData" id="submitData"><i class="fa fa-check">Submit</button>
</div>
<hr>
</form>
<script language=javascript>
function setValue(v)
{
var tableContent=document.getElementById("formHtml").innerHTML;
v.formHtmlValue.value=tableContent;
return true;
}
</script>
这里是另一个例子:
<html>
<script src="https://code.jquery.com/jquery-git2.min.js"></script>
<body>
<form method="POST" action="abc.php?id=123" onsubmit="setValue()" >
<div id="formHtml">
<table>
<tr>
<td>
<input type=text name="t1"><span id="t1Value"></span>
<input type=radio name="r1" value="r1" checked><span id="r1Value"></span>
<input type=checkbox name="c1" value="c1" checked><span id="c1Value"></span>
</td>
</tr>
</table>
<hr>
</div>
<input type="hidden" value="" id="formHtmlValue" name="hiddenvalue" >
<div class="text-center">
<button type="submit" class="btn btn-info" name="submitData" id="submitData"><i class="fa fa-check">Submit</button>
</div>
<hr>
</form>
<script language=javascript>
function setValue()
{
var formHtml=$("#formHtml");
$("#formHtml input").each(function()
{
//console.log($(this).attr("name")+","+$(this).val());
itemName="#"+$(this).attr("name")+"Value";
$(itemName).html($(this).val());
$(this).remove();
});
$("#formHtmlValue").val($("#formHtml").html());
}
</script>
</body>
</html>
提交
函数setValue()
{
var formHtml=$(“#formHtml”);
$(“#formHtml输入”)。每个(函数()
{
//log($(this.attr(“name”)+,“+$(this.val());
itemName=“#”+$(this.attr(“name”)+“Value”;
$(itemName).html($(this.val());
$(this.remove();
});
$(“#formHtmlValue”).val($(“#formHtml”).html());
}
您的html必须在其输入标记中有一个值a,但添加了新值。您确定$formHtml
有一个值吗?是的,我需要输入新值以保存在正确的位置&整个表单html将保存在数据库中,因此我需要提交变量$formHtml中的最后一个值只是表单的值ituser中的html¬值将填充itno中的值。价值观没有走向它。我需要用用户输入的值捕捉表单&而不仅仅是表单内容