使用onclick方法获取$ this行并填充Web表单

时间：2013-01-04 17:54:16

标签： php javascript jquery

我正在尝试从表格行中选择数据并在网络表单中使用这些数据。我已经能够将记录id作为行的数据属性传递。我被困在必须使用$ .on（）函数的部分，以及我将在与此Javascript代码相关联的PHP Webform中添加什么内容？

由于

这是Javascript 

$(document).on('click', 'tr', function() {

        //Get the ID from the row clicked
        var id = $(this).data('recordId'); 

        //short-hand
        $('#section2').load('data_entry_form.php?id='+id);

});

这是Web窗体的PHP（请参阅前几行，我尝试“捕获”用户选择的记录ID。

<html>
<form>
<?php
   $_GET['id'];

   echo $id; //should echo the id being sent across.
?>
<input type="date"></input><br>
<input list="auditors" placeholder="Auditor" />
<datalist id="auditors">
    <option value="Foo" />
</datalist><br>
<input list="city" placeholder="City" />
<datalist id="city">    
    <option value="Bar" />
</datalist><br>
<input type="submit" name="submitbutton" id="submitbutton" value="Submit" />
</form>
</html>

这是生成我从中选择行的原始表的PHP。这里我传递了一个数据属性，即“fee_source_id”（与表中的第一列相同）。

<?php
require_once 'config.php';

$dbh = new PDO($dsn, $dbuser, $dbpass);

$dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$dbh->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);

$result = $dbh->query("
    SELECT a_aif.aif_id,
      a_aif.fee_source_id,
      a_aif.company_name_per_sedar,
      a_aif.document_filing_date,
      IF (a_aif_remaining.aif_id IS NULL, 0, 1) `match`
    FROM  a_aif
      LEFT JOIN a_aif_remaining
        ON a_aif_remaining.aif_id = a_aif.aif_id
    WHERE aif_id = {$id}
    ORDER BY aif_id DESC");

$result->setFetchMode(PDO::FETCH_ASSOC);

if ( !empty($result) ) : endif;

?>

<table = "all_aifs">
<tr>
    <th><b>Document ID</b></th>
    <th><b>Pubco Name</b></th>
    <th><b>Filing Date</b></th>
    <th><b>PDF</b></th>
</tr>
<?php foreach($result as $index => $row) : ?>
<tr data-recordId="<?=$row[fee_source_id];?>"
    class="<?=$row["match"] ? "match" : "";?>">
    <td><?php echo $row[fee_source_id]; ?></td>
    <td><?php echo $row[company_name_per_sedar]; ?></td>
    <td><?php echo $row[document_filing_date]; ?></td>
    <td></td>
</tr>
<? endforeach;?>
</table>

enter image description here

1 个答案:

答案 0 :(得分：0)

＆＃39; $ row [＆＃39; aif_id＆＃39;]＆＃39;定在？在上面的代码中，您有＆＃39; $ id＆＃39;和$ row [＆＃39; aif_id＆＃39;]但是$ row [＆＃39; aif_id＆＃39;]在哪里设置？ $ row应该代表用$ id加载的数据吗？ 

$('document').ready(function(){
    $('table').find('tr').on({
     click: (function(e){
        var id = $(this).data('recordId');
        $('#section2').load('data_entry_form.php?id='+id);

     })

    });

});


<?php
   $id = $_GET['id'];

   echo $id; //should echo the id being sent across.
?>
相关问题
最新问题