Question

我是一个新手。

我试图将我在JavaScript变量中的一些数据发布到我的服务器。

我环顾四周，从我收集的内容中我需要将其作为表格的一部分放入？无论如何要隐藏这个表格框？

我是否将此信息放在表单的值部分？

EG。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Namespace</title>

    <script type="text/javascript" charset="utf-8">

        functionAddPostData(){

        var name = "Christopher";
        var last = "Bar";

       var formInfo = document.forms['info'];

       name = formInfo.elements["first"].innerHTML;
        last = formInfo.elements["surname"].innerHTML;

      }</script>

     </head>
     <body>
     <form action="script.php" method="post" allign="bottom">
        <label for="info"> 
            <input type="text" name="first" value="" size ="40" />
        <input type="text" name="surname" value="" size ="60" />
            <input type= "submit" name="submitted" value="info" allign="middle"/>

     </form>  
     </body>
     </html>

这是我最好的猜测？我正朝着正确的方向前进吗？有没有办法隐藏表格框？

Answer 1

您发布的代码存在一些问题，这就是它无效的原因。现在已经很晚了，我将发布一个你可以查看的修改版本，而不是逐行分析。我建议您阅读像W3 Schools这样的HTML guiide，并通过一个好的javascript教程（如Webmonkey。干杯。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Namespace</title>

<script type="text/javascript" charset="utf-8">

    function AddPostData(){

    var name = "Christopher";
    var last = "Bar";

   var formInfo = document.forms['info'];

   name = formInfo.elements["first"].value;
    last = formInfo.elements["surname"].value;

  alert(name + ' ' + last);

  }</script>

 </head>
 <body>
 <form id="info" action="script.php" method="post" align="bottom">
    <p>For</p> 
        <input type="text" name="first" value="" size ="40" />
    <input type="text" name="surname" value="" size ="60" />
        <input type= "submit" name="submitted" value="info" align="middle" onclick="AddPostData();"/>

 </form>  
 </body>
 </html>

Answer 2

如果您不想在UI中显示文本框，请使用隐藏字段将数据发布到服务器。

<input type="hidden" name="first" value="" size ="40" />

您应该将表单的onSubmit设置为functionAddPostData，它将在您提交表单时被调用。此外，表单应具有名称atttibute，因为您尝试按名称访问它。

表单元素值应设置如下

var formInfo = document.forms['info'];

formInfo.first.value = name;
formInfo.surname.value = last;

从HTML表单发布JS变量

2 个答案: