Question

我在网页上有一个表单，我希望用户能够填写，点击提交，并显示类似“用户：[名称]在[位置]有[事件]事件的详细信息[说明] ]“在下面的评论部分。因此，多个条目将相互加载。现在，当我点击提交时，它只会提交描述文本而不提供任何其他内容。我的函数getInfo（）应该显示多个值，但不是。我该如何解决这个问题。完整代码链接在下面

https://github.com/tayrembos/Nav/blob/master/back.html

              <script type="text/javascript">
                function getInfo() {
                  text = name.value;
                  text = words.value;
                  document.getElementById("para").innerHTML += '<p>'+ text
                  document.getElementById("words").value = "Enter comment"
                  document.getElementById('name').value = "Enter name"
                }
              </script>

              <form method="POST" name='myform'>
                <p>Enter your name:
                  <textarea id='name' rows="1" cols="20">Enter name</textarea>

               <textarea id='name' rows="1" cols="20">Enter name</textarea>

                <textarea id='words' rows="10" cols="20">Enter comment</textarea>
                <input type="button" onclick="getInfo()" value="Submit!" /> <br>
                <p id="para"></p>

Answer 1

我使用来自jquery的追加（投票，如果它真的解决了你的问题）。

function myFunction() {

  var x = document.getElementById("product");  
  var txt = "";
  var all = {};
  var i;

  for (i = 0; i<x.length-1; i++) {

          //txt = txt + x.elements[i].value + "<br>";
          all[x.elements[i].name]= x.elements[i].value;

  }

$("p").append(JSON.stringify(all, null, 2));

    //var myObj = { "name":"John", "age":31, "city":"New York" };

     //document.getElementById("demothree").innerHTML = myObj;

    //var myJSON = JSON.stringify(all);
    //window.location = "server.php?x=" + myJSON;

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<form id="product">
  
  Expire: <input type="text" name="pexpire" value="3:45"><br>
  Old Price: <input type="text" name="poldprice" value="30"><br>
  Price: <input type="text" name="pprice" value="28"><br>
  Category: <input type="text" name="pcategory" value="Ενδύματα"><br>
  Variaty: <input type="text" name="pvariaty" value="Τζιν"><br>
  City: <input type="text" name="pcity" value="Δράμα"><br>
  Store: <input type="text" name="pstore" value="Groove"><br>
  Picture: <input type="text" name="ppicture" value="aaa"><br>

  

</form> 

<button onclick="myFunction()">Submit</button>

<p id="list"></p>

提交未连接到多个字段的表单

1 个答案: