【发布时间】:2016-05-25 00:59:38
【问题描述】:
我在使用 Javascript 生成表单数据到 php 文件时遇到问题。不太清楚如何解决它。它可以在测试 .html 文件上自行运行,但在 javascript 生成时则无法运行。
所以php看起来像这样:
function logDisp(){
var divCheck = document.getElementById('logRec');
if (divCheck != null) divCheck.parentNode.removeChild(divCheck);
var getC = document.getElementById("craneDrop");
var vCrane = getC.options[getC.selectedIndex].text;
var getD = document.getElementById("dept");
var vDept = getD.options[getD.selectedIndex].text;
var logDiv = document.createElement("div");
logDiv.setAttribute("id", "logRec");
logDiv.className = "round1";
logDiv.style.marginTop = "10px";
logDiv.style.width = "600px";
logDiv.innerHTML = "<table border=1 width=100% style='margin-top:20px;'>"
+"<form action='submit.php' method='post' name='form1' id='form1'>"
+"<tr><td>Department | <input type=text name=lname value='"+vDept+"' disabled></td><td colspan=2> Crane | <input type=text name=fname value='"+vCrane+"' disabled></td></tr>"
+"<tr><td align=center bgcolor=black colspan=3>Controls</td></tr>"
+"<tr><td bgcolor=black ></td><td bgcolor=black>(S) atisfactory</td>"
+"<td bgcolor=black>(U) n-Satisfactory</td></tr>"
+"<tr><td>Pendant (Overall Condition)</td>"
+"<td><input type=radio name=r1 value=s checked=checked></td>"
+"<td><input type=radio name=r1 value=u></td></tr>"
+"<tr><td>Test Operational Controls</td>"
+"<td><input type=radio name=r2 value=s checked=checked></td>"
+"<td><input type=radio name=r2 value=u></td></tr>"
+"<tr><td>Proper Markings</td>"
+"<td><input type=radio name=r3 value=s checked=checked></td>"
+"<td><input type=radio name=r3 value=u></td></tr>"
+"<tr><td colspan=3 align=center bgcolor=black>Operation</td></tr>"
+"<tr><td>Unusual Noises</td>"
+"<td><input type=radio name=r4 value=s checked=checked></td>"
+"<td><input type=radio name=r4 value=u></td></tr>"
+"<tr><td>Hoist Travel</td>"
+"<td><input type=radio name=r5 value=s checked=checked></td>"
+"<td><input type=radio name=r5 value=u></td></tr>"
+"<tr><td>Trolley Travel</td>"
+"<td><input type=radio name=r6 value=s checked=checked></td>"
+"<td><input type=radio name=r6 value=u></td></tr>"
+"<tr><td>Brake(s)</td>"
+"<td><input type=radio name=r7 value=s checked=checked></td>"
+"<td><input type=radio name=r7 value=u></td></tr>"
+"<tr><td colspan=3 align=center bgcolor=black>Chain Hoist</td></tr>"
+"<tr><td>Hoist Chain</td>"
+"<td><input type=radio name=r8 value=s checked=checked></td>"
+"<td><input type=radio name=r8 value=u></td></tr>"
+"<tr><td>Limit Switches</td>"
+"<td><input type=radio name=r9 value=s checked=checked></td>"
+"<td><input type=radio name=r9 value=u></td></tr>"
+"<tr><td>Chain Basket</td>"
+"<td><input type=radio name=r10 value=s checked=checked></td>"
+"<td><input type=radio name=r10 value=u></td></tr>"
+"<tr><td colspan=3 align=center bgcolor=black>Hook</td></tr>"
+"<tr><td>Visial Appearance</td>"
+"<td><input type=radio name=r11 value=s checked=checked></td>"
+"<td><input type=radio name=r11 value=u></td></tr>"
+"<tr><td>Opening less than 10%</td>"
+"<td><input type=radio name=r12 value=s checked=checked></td>"
+"<td><input type=radio name=r12 value=u></td></tr>"
+"<tr><td>Condition of Saddle</td>"
+"<td><input type=radio name=r13 value=s checked=checked></td>"
+"<td><input type=radio name=r13 value=u></td></tr>"
+"<tr><td>Bend or twist exceeding 0%</td>"
+"<td><input type=radio name=r14 value=s checked=checked></td>"
+"<td><input type=radio name=r14 value=u></td></tr>"
+"<tr><td colspan=3 align=center bgcolor=black>Other</td></tr>"
+"<tr><td>Loose Parts</td>"
+"<td><input type=radio name=r15 value=s checked=checked></td>"
+"<td><input type=radio name=r15 value=u></td></tr>"
+"</table>"
+"Member number:<BR><input type=text name=member><BR>"
+"Date:<BR><input type=text name=inputDate value="+dateIn()+"><BR>"
+"<BR><input type=submit />"
+"</form>";
logDiv.innerHTML += "<BR>";
var getOk = document.getElementById("craneDrop");
var vOk = getOk.options[getOk.selectedIndex].value;
if(vOk != '0') // Check if crane selection is a valid selection
document.getElementById("log").appendChild(logDiv);
}
它会附加到 HTML 中:
<div id='log' style='padding-bottom: 20px;'></div>
在初始页面生成后,如何让它将其数据提交到submit.php??
【问题讨论】:
-
“所以 php 看起来像这样:” - 这不是 php 它是 js。
-
一个表单可以包含整个表格。一个表格单元格可以包含一整行。表格不能存在于表格中,而是存在于表格中的一组单元格周围。this 是答案吗?
-
对不起,因为急于上班,所以将其称为 php 而不是 js,我已将 post 数据发送到 php 以插入 mysql 数据库。 Algernop K 做对了,我重新排列了代码并首先启动了表单,这解决了我所有的问题!非常感谢!!
标签: javascript php jquery html forms