从文本框复制数据到其他文本框只影响第一行

Question

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

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

使用在$我唯一的ID基地循环

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

那么你

的JavaScript

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

这让我frustate，请给你的意见......

Answer 1

可以修改你的js为

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

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

<td><input type='text' class="percentage" value='0'></td> 

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