如何在JavaScript中编写此HTML/PHP代码

我有这段代码，我正在尝试在JavaScript中编写代码，以便document.getElementById().innerHTML可以设置为该代码，然后以html形式显示。
我不能为我的生活写JavaScript代码，任何人都可以在这里？如何在JavaScript中编写此HTML/PHP代码

<form action='create_new_invoice.php?name="<?php echo $row['Email']; ?>"' method="post" style="border: 0; padding: 0;"> 
<input type="hidden" name="Date" value="<?php echo $row["Date"]; ?>" /> 
<input type="hidden" name="StartTime" value="<?php echo $row["StartTime"]; ?>" /> 
<input type="hidden" name="FinishTime" value="<?php echo $row["FinishTime"]; ?>" /> 
<input type="hidden" name="Email" value="<?php echo $row['Email']; ?>"></input> 
<input type="hidden" name="Forename" value="<?php echo $row['Forename']; ?>"></input> 
<input type="hidden" name="Surname" value="<?php echo $row['Surname']; ?>"></input> 
<input type="submit" class='NewInvoice hidden-xs' style="border: 0; padding: 0;" value="New Invoice"></input>

来源

2016-01-17 Mattinton

将您的HTML与Javascript代码分开可能是一个好主意。 PHP在服务器上运行，它被渲染成text/html并发送到浏览器，并被解析到一个对象中。通过分离你的代码，你可以重用而不必重写所有东西。首先定义HTML：

<form id="myform" action="#" method="post" style="border: 0; padding: 0;"> 
    <input type="hidden" name="Date" value="" /> 
    <input type="hidden" name="StartTime" value="" /> 
    <input type="hidden" name="FinishTime" value="" /> 
    <input type="hidden" name="Email" value="" /> 
    <input type="hidden" name="Forename" value="" /> 
    <input type="hidden" name="Surname" value="" /> 
    <input type="submit" class='NewInvoice hidden-xs' style="border: 0; padding: 0;" value="New Invoice" /> 
</form>

然后在底部，或者使用在window.onload，甚至处理，有这样的事情：

<script type="text/javascript"> 
var myform = document.getElementById('myform'); 
myform.setAttribute("action", "/create_new_invoice.php?name=[VALUE]"); 
myform["Date"].value = "[VALUE]"; 
myform["StartTime"].value = "[VALUE]"; 
myform["FinishTime"].value = "[VALUE]"; 
myform["Email"].value = "[VALUE]"; 
myform["Forename"].value = "[VALUE]"; 
myform["Surname"].value = "[VALUE]"; 
</script>

这将填写表格，并且可以变成一个函数，您可以重用它来稍后更新表单的值，而不会混淆HTML。

来源

2016-01-17 21:51:43 Rainner

啊，我不知道你能做到这一点，谢谢！ – Mattinton

您可以在JavaScript中创建一个字符串：

，然后添加一些元素尤斯innerHTML：

document.getElementById('someId').innerHTML(htmlForm);

，你可以在商店中的动态数据javascript对象：

var javascriptObject = { 
    "Email" : null, 
    "Date" : null, 
    "StartTime" : null, 
    "FinishTime" : null, 
    "Email" : null, 
    "Forename" : null, 
    "Surname" : null 
};

来源

2016-01-17 21:16:37 Filipe

太好了，谢谢！采取了一些修补，但它的作品 – Mattinton

如何在JavaScript中编写此HTML/PHP代码

回答

相关问题