Question

需要获取脚本标记内输入字段的值。

我需要使用脚本标记获取附加到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()处理程序，该事件处理程序在按下输入键的同时查询输入字段的当前值。重点领域：

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 );
      })
    }

Answer 2

您需要添加id ='vale'属性，该属性在您的输入代码中不可用

之后，您可以通过以下方式获得价值：

document.getElementById（'vale'）。value

JavaScript输入栏位值

2 个答案: