Javascript 输入字段值

Question

Need to get the value of input field inside script tag.

我需要使用脚本标记获取附加到 html 表的输入字段的值。我的代码如下

function myFunction(i) {
  $.ajax({
    url: "<?php echo base_url(); ?>admin/itemD",
    type: "POST",
    dataType: "json",
    data: {
      "itID": i
    },
    success: function(data) {
      //console.log(data);
      if (data[0].availability == 0) {
        alert('Item Not Available');
      } else {
        var tr = "<tr>";
        var td0 = "<td>" + (i + 1) + "</td>";
        var td1 = "<td>" + data[0].item_name + "</td>";
        var td2 = "<td>" + data[0].price + "</td>";
        var td3 = "<td><input placeholder='Advance'  class='form-control col-3' /></td>"
        $("#myTable").append(tr + td0 + td1 + td2 + td3);
      }

    },
    error: function(err) {
      console.log(err);
    }
  });
}

这是我的代码 我用这段代码来显示一些从点击事件中获得的数据集。但是现在我需要将输入字段添加到我的 javascript 代码中。所以我将输入字段添加到我的代码中。

var td3 = "<td><input placeholder='Advance' id='vale' class='form-control col-3' /></td>"

但是我如何获得这个输入字段的值呢？ 我试图通过添加

来获取此输入字段的值

document.getElementById('vale');

但它不起作用。我查看了之前在 stackoverflow 中发布的每个问题。但是没有问题匹配我的问题。

Answer 1

实现此目的的一种方法可能是更新您的 success 处理程序，方法是通过 keyup() 绑定(bind)事件处理程序，查询输入的当前值字段聚焦时按下键时的字段:

success: function(data) {
      //console.log(data);
      if (data[0].availability == 0) {
        alert('Item Not Available');
      } else {
        var tr = "<tr>";
        var td0 = "<td>" + (i + 1) + "</td>";
        var td1 = "<td>" + data[0].item_name + "</td>";
        var td2 = "<td>" + data[0].price + "</td>";
        var td3 = "<td><input placeholder='Advance'  class='form-control col-3' /></td>"
        $("#myTable").append(tr + td0 + td1 + td2 + td3);
      }

      // Select the input field for the table, and add a keyup event listener 
      // to it
      $('input', '#myTable').keyup(function() {

          // Access the current value of the field like so
          var currentFieldValue = $('input', '#myTable').val();
          alert( 'Value of input is: ' + currentFieldValue );
      })
    }