1

我有一个小问题，我需要从这个 HTML 表中读取数据，问题是我不知道我将拥有多少表行，因为我从 MySQL 选择中将数据放入其中，所以我真正想要的是在选择之后, 在 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>

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

4

2 回答 2

0

尝试使用以下

首先在你的 head 部分添加一个 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 库

于 2012-08-30T08:11:31.660 回答
0

您可以使用 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
  }
});

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

希望这可以帮助！:-)

于 2012-08-30T08:11:33.530 回答