0

編集質問: 私の WHILE ループでは、読み取り専用の入力テキスト ボックスが作成され、値はデータベースから取得したレコードです。各テキスト ボックスの後に、ボタンの横にあるテキスト ボックスの値をページの別の div に追加する追加ボタンがあります。追加される唯一の値は最初のレコードです。理由はわかっているのに、直せない。何か案は?

    $query = "SELECT `$posResults` FROM test.departments ";
    $result = mysql_query($query);
                        
    if ($result) {
    //output results from database
                                    
    echo 'Software';
    while($row = mysql_fetch_array($result))
    {
      echo '<tr>';
      echo '<td><input type="text" id="rSoft" size="50" name="reqSoft" value="'.$row[0].'" readonly/> <button  id="toForm" value="Add" >Add</button>';
      echo '</td>';
      echo '</tr>';
     }
      echo "<script type='text/javascript'>$(document).ready(function(){ $('button#toForm').click(function(){ var req = document.getElementById('rSoft').value;  $('<tr><td>' + req + '</td></tr>').appendTo('#empInfo');}); });</script>";                                     
     }

これが画像です。[追加] をクリックすると、値が div に移動します。現在、最初の値のみが追加されています。 PHP js を div に追加

4

2 に答える 2

1

すべてをカバーする答えを見つけました:私のメインページで:

    $query = "SELECT `$posResults` FROM test.departments ";
    $result = mysql_query($query);

    if ($result) {
    //output results from database

    echo 'Software';
    echo '<table>';

    $i = 0;
    while($row = mysql_fetch_array($result))
    {
      echo '<tr><td><input type="text" id="rSoft'.$i.'" value="'.$row[0].'" name="reqSoft" readonly/>';
      echo '<button  id="toForm'.$i.'"  data="rSoft'.$i.'" >Add</button>';
       $i++;
      }
       echo '</table>';
    }

私のJSページで:

    /*Add software to form*/
    $(document).ready(function(){
    $('button').on('click' , function(){  
      var inputID = $(this).attr('data');
      var theValue = $('#' + inputID).val();
        $('#empInfo').append('<tr><td>' + theValue + '</td></tr>')
       });  

これにより、入力ボックスのデータが必要な場所に追加されます。OIS と Kristen Jukowski に感謝します。});

于 2013-10-03T22:15:47.237 に答える