用于在同一页面中打印输入和文本区域的表单

时间:2016-02-28 16:45:31

标签: javascript php

我有这个表单现在将结果发送到电子邮件。

for (Map.Entry <String, HashMap <String, Integer>> nameEntry: mainHash) {
     String name = nameEntry.getKey();
     for (Map.Entry <String, Integer> productEntry: nameEntry.getValue ()) {
         String product = productEntry.getKey();
         Integer quantity = productEntry.getValue();
          db.execSQL("Insert into table(name, product , quantity) values ('" + name + "', '" + product + "' + " + quantity + ")");
     }
}

https://jsfiddle.net/pdkox9ar/

我想要的只是在表单底部的同一页面中打印输入和textarea。怎么可能?

2 个答案:

答案 0 :(得分:1)

让我们假设您添加了一个按钮来从输入字段中提取值 - 并添加一个容器div来显示您的文本,就像这样;

<button id="showme">showme</button><div id="output" />

你需要一些javascript来遍历表单的输入字段,类似于以下内容;

var button = document.getElementById('showme');
document.getElementById('showme').onclick = function showcontents() {
  var form = document.forms[0];
  var result = "";
  for(var i = 0; i < form.elements.length; i++) {
    var input = form.elements[i];
    var value = input.value;
    var key = input.name;
    result += input.name + " = " + input.value + "<br/>";
  }
  document.getElementById('output').innerHTML = result;
};

我没有在旧版浏览器中对此进行测试,我认为textarea可能并不总是具有value属性。相反,您可以通过innerHTML在textarea&#39; s上提取内容 - 但这是来自只有记忆。以上内容适用于支持html5的浏览器。

答案 1 :(得分:0)

<form name="name" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" >

它会将表单数据传递给同一个脚本,因此在顶部你可以放置PHP来获取这些值。

if (isset($_POST ['E-Mail'])) {
    $email = $_POST ['E-Mail']; 
}

并显示在页面上:

echo $email;