2016-12-08 9 views
2

<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>

[OK]をクリックします。今から私は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);      
          }); 

        }  
      }); 

    } 

は私が

appendsから)ここに私の入力を警告しようとしているとき

[{"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があるだけで、私の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> 

結果の例であります

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

悪い英語のために申し訳ありません。

答えて

4

を使用して追加するすべての動的行について、次のようにon()を使用する必要があります。

$(document).ready(function() { 

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

おかげで、あなたは私の一日 – YVS1102

+0

は申し訳ありませんが作られた、あなたは私が助けるために喜んYVS1102 @ 'クラス= 'base'' – YVS1102

+0

でそれを一致させることができますどのように私に言うことができます。このクラスはどこですか?どの要素? – ScanQR

関連する問題