Question

基本上我想要做的是当用户在HTML表单输入字段中键入数字然后按下提交按钮时，该数字存储在javascript变量中。

<input type="number" min="1" name="number">

var number = ?

我如何使用javascript或jquery执行此操作？

谢谢。

Answer 1

一个简单的JavaScript解决方案就是这样做。

var number = document.getElementById("number").value;

这会将文本框的值保存在名称“number”下。如果您了解javascript，那么您可以使用它来做任何事情。希望这会有所帮助。

请注意，要执行此操作，您需要使用id="number"，而不是name="number"。

完整代码可能类似于

<input type="number" id="number" onchange="save()">

这意味着只要用户输入一个数字，就会在javascript文件中调用 save（）函数。

javascript

function save() {
      var number;
      number = document.getElementById("number").value;
      // Do whatever you want with the value here.
}

Answer 2

这是一个javascript解决方案，只有在jQuery内置到浏览器中之前才使用它（它可能也是如此，因为它是救世主）

<form id="form">
  <input id="number" type="number" min="1" name="number">
  <button>Submit</button>
</form>

var form = document.getElementById('form');
    number = document.getElementById('number');
form.onsubmit = function() {
   var variable = number.value;
   alert( variable );
};

只需指定一个提交处理程序，然后获取输入的值。

我的建议是，但请不要下载jQuery，以便存储变量。

Answer 3

这是你的HTML，

<form id="form">
    <input type="number" min="1" name="number" />
    <input type="submit" value="submit">
</form>

使用jQuery，你可以做到这一点，

var number = 0;
var $form = $("#form");
var $input = $form.find("input[name=number]");

对于某些事件，您可以将输入值添加到数字变量

$form.submit(function(e){

    e.preventDefault();
    number = +($input.val()); 

    /* 
        takes value from input when the form is submitted. 
        This will work even when you hit "enter" on your keyboard.
    */

});

总之，

<form id="form">
    <input type="number" min="1" name="number" />
    <input type="submit" value="submit">
</form>

<script>

    var number = 0;
    var $form = $("#form");
    var $input = $form.find("input[name=number]");

    $form.submit(function(e){

        e.preventDefault();

        number = +($input.val()); 

        /* 
            takes value from input when the form is submitted. 
            This will work even when you hit "enter" on your keyboard.
        */

        alert(number);

    });

</script>

希望有所帮助！

当单击按钮时，如何将数字作为javascript变量存储在html表单输入中？

3 个答案: