2017-04-21 129 views
0

我正在创建一个由数据库支持的网站。我创建了我的表单来收集信息,但现在当用户单击提交并为mySQL处理它时,我需要从表单中读入输入。我将我的表单操作作为新页面,但我无法弄清楚如何从上一页读入值。我的表单代码如下所示:从HTML中读取数据Javascript表单

<div data-wrapper-react="true"> 
     <span class="form-sub-label-container" style="vertical-align:top;"> 
      <input type="text" id="first_3" name="q3_fullName3[first]" class="form-textbox validate[required]" size="10" value="" data-component="first" /> 
      <label class="form-sub-label" for="first_3" id="sublabel_first" style="min-height:13px;"> First Name </label> 
     </span> 

当用户点击提交时,此页面的动作是connect.php。我不知道如何阅读那里的价值。我试过这个命令:

document.getElementById("first_3").value; 

这只是显示connect.php的空白html页面上的代码,并没有读取值。来自表格的数据需要处理成不同的表格,如果有人可以帮助,那么这将是很好的。谢谢

回答

0

按照您所描述的方式,表单处理是您在服务器端执行的操作。首先在服务器上处理PHP,PHP标记可以评估为HTML,然后将其返回给浏览器。你不会处理来自JavaScript的表单输入,直到你的PHP完成了一些事情之后。这里是一个复习:https://www.w3schools.com/php/php_forms.asp

<?php echo $_POST["q3_fullName3[first]"]; ?>将输出值到HTML页面让你做这样的事情:

console.log("<?php echo $_POST["q3_fullName3[first]"]; ?>"); 

如果您查看HTML源,你会发现PHP标签不见了并用表单字段值替换。

听起来你可能想要一本关于PHP + MySQL的书,因为与数据库交互是一个更高级的话题。我可以推荐这个: https://www.amazon.com/Learning-PHP-MySQL-JavaScript-Javascript-ebook/dp/B00QUBHNFI/ref=mt_kindle?_encoding=UTF8&me=