第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

使用動(dòng)態(tài)創(chuàng)建的文本框 PHP 和 Ajax 從 Mysql 數(shù)據(jù)庫獲取正確的值

使用動(dòng)態(tài)創(chuàng)建的文本框 PHP 和 Ajax 從 Mysql 數(shù)據(jù)庫獲取正確的值

PHP
月關(guān)寶盒 2024-01-19 17:15:43
在我的應(yīng)用程序中,我試圖data從MYSQL數(shù)據(jù)庫中獲取數(shù)據(jù)并設(shè)置text_name為amount text boxes動(dòng)態(tài)創(chuàng)建的文本框。當(dāng)我第一次動(dòng)態(tài)創(chuàng)建時(shí),text box它data根據(jù) 檢索數(shù)據(jù)Test_ID (test_id text box)是正確的工作,但是在下一個(gè)動(dòng)態(tài)創(chuàng)建中text box,只是它不顯示data根據(jù)Test_ID,但在控制臺(tái)中它根據(jù)之前添加的檢索數(shù)據(jù)Test_ID,不目前已添加fetchdata這是HTML代碼<table class="table table-hover table-white">   <thead>     <tr>        <th class="col-sm-1">Test ID</th>        <th class="col-md-6">Test Name</th>        <th style="width:100px;">Amount</th>        <th> Action</th>     </tr>   </thead>   <tbody id="rows">     <tr>        <td> <input class="form-control" type="text" style="width:200px" id="test_id[]" onblur="checkname();" onkeyup="checkname();" onchange="checkname();">        </td>        <td> <input  type="text" style="width:300px" class="form-control"  readonly="" id="test_name"  onblur="checkname();" onkeyup="checkname();" onchange="checkname();">        </td>        <td> <input  type="text" style="min-width:100px" class="form-control" readonly="" id="amount">        </td>        <td><center> <a href="javascript:void(0)" class="text-success font-18" title="Add" id="add"><i class="fa fa-plus"></i></a> </center> </td>      </tr>   </tbody></table>這是Ajax代碼 $(document).ready(function(){            var count=0;    $(document).on('click','#add',function() {    count++;         var html= '';    html += '<tr id="trrows">';    如果有人能幫助我,我真的很感激。謝謝。
查看完整描述

1 回答

?
青春有我

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個(gè)贊

發(fā)生這種情況是因?yàn)槟讷@取元素的值,使用id該值將為您提供具有相同 id 的第一個(gè)輸入值。相反,在函數(shù)內(nèi)附加新的傳遞值時(shí)this,該函數(shù)將引用已更改的當(dāng)前元素。


因此,更改您的jquery代碼,如下所示:


    $(document).on('click','#add',function() {

       //other codes

       //add this inside function

        html += '<td id="testid"> <input id="test_id[]" class="form-control" type="text" style="width:200px"  onchange="checkname(this);"> </td>';

     //add class

      html += '<td id="testname"> <input id="test_name" class="test_name" type="text" style="width:300px" class="form-control "  readonly="" onblur="checkname();" onkeyup="checkname();" onchange="checkname();"> </td>';

   

       // other code

      });  


 function checkname(el)

    {  

    var test_id = $(el).val();//get that value  

    $.ajax({

        type: 'post',

        url: "adminquery/fetch_test_name.php", // request file the 'check_email.php'

        data: {'test_id': test_id,},

    success: function (data) {

     //get closest tr and find class with .test_name 

      $(el).closest('tr').find('.test_name').val(data);

        }

       });

    //same do for other

     } 

演示代碼:


$(document).ready(function() {


  var count = 0;

  $(document).on('click', '#add', function() {

    count++;


    var html = '';

    html += '<tr id="trrows">';


    html += '<td id="testid"> <input id="test_id[]" class="form-control" type="text" style="width:200px" onchange="checkname(this);"> </td>';

    html += '<td id="testname"> <input id="test_name"  type="text" style="width:300px" class="form-control test_name"  readonly="" onblur="checkname();" onkeyup="checkname();" onchange="checkname();"> </td>';

    html += '<td id="amounts">  <input id="amount" type="text" style="min-width:150px" class="form-control"  readonly="" > </td>';

    html += '<td><center> <a href="javascript:void(0)" class="text-danger font-18 remove" title="Remove" id="remove"><i class="fa fa-trash-o">-</i></a></center> </td>';


    html += '</tr>';


    $('#rows').append(html);


  });


  $(document).on('click', '.remove', function() {

    $(this).closest("#trrows").remove();

  });



});


// fetch test name from database      

function checkname(el) {


  var test_id = $(el).val();

  console.log(test_id)

  $.ajax({

    type: 'post',

    url: "adminquery/fetch_test_name.php", 

    data: {

      'test_id': test_id,

    },

    success: function(data) {

      //get closest tr and find test_name class

      $(el).closest('tr').find('.test_name').val(data);

    }

  });


  //do same for othere input..


}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table class="table table-hover table-white">

  <thead>

    <tr>

      <th class="col-sm-1">Test ID</th>

      <th class="col-md-6">Test Name</th>

      <th style="width:100px;">Amount</th>

      <th> Action</th>

    </tr>

  </thead>

  <tbody id="rows">

    <tr>

      <td> <input class="form-control" type="text" style="width:200px" id="test_id[]" onchange="checkname(this);">

      </td>

      <!--add class here-->

      <td> <input type="text" style="width:300px" class="form-control" class="test_name" readonly="" id="test_name" onblur="checkname();" onkeyup="checkname();" onchange="checkname();">

      </td>

      <td> <input type="text" style="min-width:100px" class="form-control" readonly="" id="amount">

      </td>

      <td>

        <center> <a href="javascript:void(0)" class="text-success font-18" title="Add" id="add"><i class="fa fa-plus">+</i></a> </center>

      </td>

    </tr>

  </tbody>

</table>


查看完整回答
反對(duì) 回復(fù) 2024-01-19
  • 1 回答
  • 0 關(guān)注
  • 162 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)