制作存储变量的JavaScript表单然后打印它们

时间:2018-03-15 18:34:14

标签: javascript html

我需要这个脚本的帮助(我是一个完整的js新手)我需要脚本将用户键入的文本存储到js变量然后打印它,这是我到目前为止但它没有'似乎工作正常:

<div id="body">
  <div id="Form Box">                   
    <form id="frm1" action="/action_page.php">
      Insult: <input type="text" name="fname"><br>
      <input type="button" value="Submit" onclick="forminput();">
    </form>
    <script>
      function othername() {
        var input = document.getElementById("userInput").value;
        alert(input);
      }                 
      print(forminput)
    </script>
  </div>
</div>

感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

脚本存在一些问题。

  1. onclick属性称要调用名为formInput的函数,但该函数不存在。您的脚本有一个名为othername的函数,因此您希望使用该函数。

  2. 函数othername尝试选择ID为userInput的元素,但HTML中的输入没有id属性。

    < / LI>
  3. script标记内,您调用的函数print不存在。

  4. 这是一个jsfiddle,您的脚本已更新并正常运行:https://jsfiddle.net/grammar/c4yethp5/3/

    这是更新后的代码

    <div id="body">
      <div id="Form Box">
        <form id="frm1" action="/action_page.php">
          Insult: <input type="text" name="fname" id="userInput"><br>
          <input type="button" value="Submit" onclick="othername();"  >
        </form>
        <script>
            function othername() {
              var input = document.getElementById("userInput").value;
              alert(input);
            }
        </script>
      </div>
    </div>
    

答案 1 :(得分:0)

要从HTML元素中获取值,最简单的方法是为HTML元素提供var pdf = require('html-pdf'); var options = { format: 'Letter' }; //resultFilePath = /Users/myname/Documents/result.pdf pdf.create(htmlContent, options).toFile(resultFilePath, function(err, res) { }

id

当用户点击按钮时:

<input id="textinput" type="text" />
<input id="printbutton" type="button" value="Print">

要获得包含此文本的输出,有几个选项:

在chrome:

// Get the text
var mytext = document.getElementById("textinput").value;

// Get the button
var btn = document.getElementById("printbutton");

// When the user clicks on the button print the text
btn.onclick = function () {
   alert(mytext);
}

获取弹出窗口:

Console.log(mytext);

jsfiddle:https://jsfiddle.net/3ogj1ogs/3/