從文本框複製數據到其他文本框隻影響第一行

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()); 
});