从输入文本中获取值然后提醒它

我正在尝试<td>内的警报值。从输入文本中获取值然后提醒它

$(document).ready(function() { 
 
    $('.edits').each(function(index) { 
 
    $(this).change(function() { 
 
     alert($(this).val()); 
 
    }); 
 
    }); 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<body> 
 
    <table width="200" border="1"> 
 
    <tbody> 
 
     <tr> 
 
     <td width="40">2</td> 
 
     <td width="144"> 
 
      <input class="edits" type="text"> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td>3</td> 
 
     <td> 
 
      <input class="edits" type="text"> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td>5</td> 
 
     <td> 
 
      <input class="edits" type="text"> 
 
     </td> 
 
     </tr> 
 
    </tbody> 
 
    </table>

确定。从上面现在我能够alert它。但是如果从append呢？如何提醒它？

function generateDetail(){ 
     var nilai = $("#poTrans").val(); 
     $.ajax({ 
        url: '<?=base_url();?>bapb_mutasi/background_list_fa_detail/' + nilai, 
        dataType: 'JSON', 
        success: function(data) { 
         $.each(data, function(k, v) { 
            $("#result").append('<tr>' + 
                 '<td> </td> ' + 
                '<td> '+v.TransactionNo+' </td>'+ 
                '<td> '+v.LineNo+' </td>'+ 
                '<td> '+v.ItemCode+' </td>'+ 
                '<td> '+v.ItemName+' </td>'+ 
                '<td> '+v.Quantity+' </td>'+ 
                '<td> '+v.UOMCode+' </td>'+ 
                '<td> '+v.QuantityConvertingRatio+' </td>'+ 
                '<td class="base"> '+parseInt(v.BaseQuantity)+' </td>'+ 
                '<td> '+parseInt(v.QuantityReceived)+' </td>'+ 
                '<td class="edittbl">' + 
                '<input class="edits" type = "text" name = "quantityEdit"> </td>'+ 
                '<td> '+v.BaseUOMCode+' </td>'+ 
                '<td> '+v.ExtraRemark+' </td>'+ 
                '<td> '+v.ExtraRemark2+' </td>'+ 
                '</tr>' 
                 );  
             $('.edits').val(v.QuantityEdit);      
          }); 

        }  
      }); 

    }

这里是我的HTML表格

<table width="631" id="bla" class="table table-bordered"> 
      <thead> 
       <tr> 
        <td><strong> Document No </strong></td> 
        <td><strong> Transaction No </strong></td> 
        <td><strong> Line No </strong></td> 
        <td><strong> Item Code </strong></td> 
        <td><strong> Item Name </strong></td> 
        <td><strong> Quantity </strong></td> 
        <td><strong> UOM Code </strong></td> 
        <td><strong> Quantity Converting Ration </strong></td> 
        <td><strong> Base Quantity </strong></td> 
        <td><strong> Quantity Received </strong></td> 
        <td><strong> Quantity Edit </strong></td> 
        <td><strong> Base UOM Code </strong></td> 
        <td><strong> Extra Remark </strong></td> 
        <td><strong> Extra Remark 2 </strong></td> 
       </tr> 
      </thead> 
      <tbody id="result"> 

      </tbody> 
      </table>

结果例

[{"DocumentNo":"","TransactionNo":"LPOD-CJ-AR1-1983","LineNo":1000,"ItemCode":"J101260012","ItemName":"DISPLAY RACK","Quantity":"6.00000000000000000000","UOMCode":"PCS","QuantityConvertingRatio":1,"BaseQuantity":"6.00000000000000000000","QuantityReceived":0,"QuantityEdit":"6.00000000000000000000","BaseUOMCode":"PCS","ExtraRemark":"","ExtraRemark2":"","UnitCost":"31999.99999999999600000000","UnitCostAfterPayable":"31999.99999999999600000000","BaseUnitCost":"31999.99999999999600000000","BaseUnitCostAfterPayable":"31999.99999999999600000000"," ":""},{"DocumentNo":"","TransactionNo":"LPOD-CJ-AR1-1984","LineNo":2000,"ItemCode":"URS150400001","ItemName":"RAISER","Quantity":"2.00000000000000000000","UOMCode":"PCS","QuantityConvertingRatio":1,"BaseQuantity":"2.00000000000000000000","QuantityReceived":0,"QuantityEdit":"2.00000000000000000000","BaseUOMCode":"PCS","ExtraRemark":"","ExtraRemark2":"","UnitCost":"88000.00000000000000000000","UnitCostAfterPayable":"88000.00000000000000000000","BaseUnitCost":"88000.00000000000000000000","BaseUnitCostAfterPayable":"88000.00000000000000000000"," ":""}]

我Problemm只有当我试图提醒我输入在这里（从appends）

<input class="edits" type = "text" name = "quantityEdit">

对不起，我的英语不好。

来源

2016-12-08 YVS1102

对于您使用append()添加的所有动态行，您需要按以下方式使用on()。

$(document).ready(function() { 

    $(document).on('change', '.edits', function(){ 
     alert($(this).val()); 
    }); 
});

来源

2016-12-08 08:54:32 ScanQR

谢谢，你让我很快乐 – YVS1102

对不起，你能告诉我，我怎么可以用'类匹配它='base'' – YVS1102

@ YVS1102乐意帮忙。这个班在哪里？哪个元素？ – ScanQR

从输入文本中获取值然后提醒它

回答

相关问题