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 回答
0

您输入的 ID 必须是唯一的。但是,如果您将 ID 更改为以下内容,则可以将值作为数组传递: echo '<td><input type="text" id="reqSoft[]" size="50" name="reqSoft[]" value="'.$row[0].'" readonly/> <button id="toForm" value="Add" >Add</button>'; 您传递的值将在$_POST['reqSoft']. (第一个文本框值将是$_POST['reqSoft'][0]等)

类似的问题/答案:Dynamicly create unique ID for a array of input fields using Javascript

于 2013-10-02T20:18:18.100 回答