Javascript 无论数字是多少,我在表单字段中输入,我希望它存储在一个变量中。

Javascript 无论数字是多少,我在表单字段中输入,我希望它存储在一个变量中。,javascript,jquery,html,css,Javascript,Jquery,Html,Css,网页设计无论数字是多少,我在表单字段中输入,我希望它存储在一个变量中。当用户更改表单字段中的值时,需要更新存储在变量中的值。怎么做?试试这个: <input type = "text" id = "id1"> <script> $("#id1").change(function(){ var a = $("#id1").val(); alert(a); }); </script> 有一个jsbin演示了所需的功能

网页设计无论数字是多少,我在表单字段中输入,我希望它存储在一个变量中。当用户更改表单字段中的值时,需要更新存储在变量中的值。怎么做?

试试这个:

<input type = "text" id = "id1">

<script>
     $("#id1").change(function(){
     var a = $("#id1").val();
     alert(a);
     }); 
</script>

有一个jsbin演示了所需的功能


看看try jquery da pranav@Kannan K,答案很好:-
<form>
    <input id="input" type="number">
</form>
<button id="button">Log Value</button>
<script>
    var input = document.getElementById('input');
    var button = document.getElementById('button');
    var val;

    input.addEventListener('change', function (event) {
        val = +event.target.value;
    });
    button.addEventListener('click', function () {
        console.log('Value:', val);
    });
</script>
  <form>
<input type="text" id="inputid" value="test"/>
<button type="submit">submit</button>
</form>

<script>
$( document ).ready(function() {
  var input =$('#inputid');
  var saveVar;
//   input.change(function(){
// console.log(input.val());
//   });
input.on('keyup', function(ev){
  saveVar=input.val();
 console.log(saveVar);

});
});
    </script>