PHP从HTML表获取数据以更新MySQL数据库

Question

我有一个小问题，我需要从这个HTML表中读取数据，问题是我不知道要拥有多少表行，因为我将数据从MySQL select中放入其中，所以我真正想要的是select之后，以在HTML表中添加一些特定的数据：

<td><input type="text" size="5px"></td>

然后单击按钮以从所有新表行输入中读取数据。

<table style="display:inline">
<tr>
<td></td>
<th>Home team</th>
<td></td>
<td></td>
<td></td>
<th>Away team</th>
</tr>

<?php
$i=0;
while ($i < $num) {
$Tim1=mysql_result($result,$i,"HomeTeamID");    
$Tim1Name=mysql_result($result,$i,"HomeTeam");
$Tim2=mysql_result($result,$i,"AwayTeamID");
$Tim2Name=mysql_result($result,$i,"AwayTeam");      
$rez=mysql_result($result,$i,"MatchID");        

?>
<tr>
<td class="ID" id="<?php echo $rez;?>"><input value="<?php echo $rez;?>" 
 name="<?php echo $rez;?>" type="hidden" style="display: none">
</td>
<td><label style="padding-right:10px" ><?php echo($Tim1Name); ?></label></td>

<td><input type="text" size="5px"></td>

<td><label>:</label></td>

<td><input type="text" size="5px"></td>

<td><label style="padding-left:10px"><?php echo($Tim2Name); ?></label></td>
</tr>

        <?php
        $i++;
    }   
    ?>
 <tr align="right" style="padding-top:5px">
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td><input type="submit" value="Insert" name="Insert"></td>
 </tr>
 </table>   

如果您不明白我的问题，请问您想要什么，我会回答。

Answer 1

尝试使用以下内容

首先在您的头部添加一个jQuery库

然后建立一个像这样的功能

$(document).ready(function(){

$('.insert').click(function({

$('.testValues').each(function(){
var Values=$(this).attr('title');


$(this).val(Values);
$(this).attr('title','');
});
});

}）;

并更改您的HTML以影响上述代码，如下所示

<table style="display:inline">
<tr>
<td></td>
<th>Home team</th>
<td></td>
<td></td>
<td></td>
<th>Away team</th>
</tr>

<?php
$i=0;
while ($i < $num) {
$Tim1=mysql_result($result,$i,"HomeTeamID");    
$Tim1Name=mysql_result($result,$i,"HomeTeam");
$Tim2=mysql_result($result,$i,"AwayTeamID");
$Tim2Name=mysql_result($result,$i,"AwayTeam");      
$rez=mysql_result($result,$i,"MatchID");        

?>
<tr>
<td class="ID" id="<?php echo $rez;?>"><input value="<?php echo $rez;?>" 
 name="<?php echo $rez;?>" type="hidden" style="display: none">
</td>
<td><label style="padding-right:10px" ><?php echo($Tim1Name); ?></label></td>

<td><input type="text" size="5px" class="testvalues" title="<?php echo($Tim1); ?>"></td>

<td><label>:</label></td>

<td><input type="text" size="5px" class="testvalues" title="<?php echo($Tim2); ?>"></td>

<td><label style="padding-left:10px"><?php echo($Tim2Name); ?></label></td>
</tr>

        <?php
        $i++;
    }   
    ?>
 <tr align="right" style="padding-top:5px">
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td><input type="button" value="Insert" name="Insert" class="insert"></td>
 </tr>
 </table>   

由于我没有调试代码，因此请检查您放置该代码的错误控制台，不要忘记添加jquery库

Answer 2

您可以使用JQuery遍历表并提取值。 我不明白从表中再次读取数据的目的是什么。但是尝试下面的代码：

假设您有一个表格ID，

<table id='teams_table'>

然后使用此JQuery脚本遍历表行；

var cells = 6; //number of collumns
var cell_text = '';

$('tr',$('#teams_table')).each(function(){
  for(var i = 0 ; i < cells ; i++){
    cell_text = $(this).find('td').eq(i).text();
    //do what ever you want with cell_text
  }
});

如果您需要更多帮助，请更详细地描述您的方案。

希望这可以帮助！ :-)