将文本框中的数据复制到其他文本框只会影响第一行

时间:2017-03-23 09:07:04

标签: javascript copy row

我需要你的帮助。我有一个项目需要一个文本框(外表)将其数据(百分比值)复制到表格内的文本框(百分比)。问题是复制的数据只填充第一行文本框表。我希望它复制到整个行表。

<table class='form'>
    <thead>
    <tr>
        <th>Percentage input</th>
        <th>:</th>
        <td><input type='text' id='percentage_input'
    </thead><tbody>

<table>  
        <thead>
        <tr>
            <th width>No.</th>
            <th width>Percentage</th>
            <th width>Score</th>
        </tr></thead><tbody>";
        $i = 1;
$sql_data = $db->database_prepare("SELECT * FROM score")->execute()
while ($data_score = $db->database_fetch_array($sql_data)){

echo "<tr>
   <td>$i</td>
   <td><input type='text' id='percentage' value='0'></td>
   <td>$data_score[score]></td>
  </tr>";
}           
$i++; 
</table>

的javascript

$("#percentage_input").keyup(function(){
    $("#percentage").val($(this).val());
    });

这让我很沮丧,请给出你的意见......

1 个答案:

答案 0 :(得分:0)

在循环中使用$ i的唯一ID基础

SELECT table1.ID, IFNULL(count(table2.ID), 0) As Count
FROM table1 LEFT OUTER JOIN table2 ON table1.ID = table2.ID
GROUP BY table1.ID 

然后你可以将你的js修改为

<td><input type='text' id="percentage$i" value='0'></td>

如果您想影响所有显示的行,请使用类而不是id。

$("#percentage_input").keyup(function(){
$("#percentage1").val($(this).val());
});