如何從輸入類型編號中取值？ 的JavaScript

Question

嗨，我想從輸入類型數字字段中獲取javascript的價值。 我總是選擇價值，然后選擇新的數字，因為我在其他領域中計算了成本。

<td>
    <input type="number" id="kiek1000classico" name="kiek1000classico" min="1" max="99">
</td>
<td>
    <script>
        var kiek = document.getElementById("kiek1000classico").value;
    </script>
</td>

現在它總是返回空字符串，我只需要知道每次取數字然后更改就無需刷新頁面。 我正在使用wordpress

Answer 1

嘗試這個

您必須連接文本框的onchange事件。

對於純Javascript

<input type="number" onchange="checkTextbox(this)" id="kiek1000classico" name="kiek1000classico" min="1" max="99">

<script>
function checkTextbox(element){
    var kiek = element.value;
    alert(kiek);
}
</script>

使用Jquery，它將更加簡單

<script>

$(function(){
        $('#kiek1000classico').on('change',function(){
              alert($(this).val());
        });
    })

</script>

Answer 2

試試這個

      $(document).ready(function () {
          $('#kiek1000classico').change(function () {
              var data = $('#kiek1000classico').val();
              alert(data);
          });
      });

Answer 3

最好在wordpress中使用jquery

$(document).ready(function(){
 $('#kiek1000classico').change(function(){
  var kiek = parseInt($(this).val());
  alert(kiek);
 });
});

這是用於“更改”事件的，您也可以以相同的方式使用“模糊”事件。