【问题标题】:Javascript generated form not submittingJavascript生成的表单未提交
【发布时间】: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


【解决方案1】:

在附加你的 html 之后添加这个:

Javascript

document.getElementById('form1').submit();

【讨论】:

    【解决方案2】:

    一个表单可以包含整个表格。一个表格单元格可以包含一整行。表格不能存在于表格内部,而是围绕该表格中的一组单元格。这可能是答案吗? – 阿尔格诺普 K.

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-03-09
      • 2017-04-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多