如何使用所选行中的数据?

时间:2013-01-01 20:12:49

标签: javascript event-handling event-delegation

如何从我选择的表中收集行中的数据并在结果中使用它?

这是我用来显示数据输入屏幕的javascript,一旦通过选择行调用了该函数。现在我只需要在PHP中设计一个表单,其中包括(1)所选行中的一些数据和(2)将收集的一些新数据。

以下是选择行并调用数据输入表格的Javascript

$(document).ready(function () {
    $("tr").live('click',function(){
        $.post('data_entry_form.php', function(data) {
            $('#section2').html(data);
        });
    });
});

这是PHP脚本

<?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 aif_id, fee_source_id, company_name_per_sedar, document_filing_date FROM a_aif ORDER BY aif_id DESC");
$result->setFetchMode(PDO::FETCH_ASSOC);

echo "<table id=\"all_aifs\">";
echo "<tr>";
echo "<th><b>Document ID</b></th>";
echo "<th><b>Pubco Name</b></th>";
echo "<th><b>Filing Date</b></th>";
echo "<th><b>PDF</b></th>";
echo "</tr>";

foreach($result as $index => $row) {
echo "<tr>";
echo "<td>$row[fee_source_id]</td>";
echo "<td>$row[company_name_per_sedar]</td>";
echo "<td>$row[document_filing_date]</td>";
echo "<td>Placeholder</td>";
echo "</tr>";
}

echo "</table>";
echo "<br>";
$dbh = NULL;
?>

2 个答案:

答案 0 :(得分:0)

在事件处理程序中,this和$(this)引用您选择的行:

$("tr").live('click',function(){
    // this.cells[1] is the cell that contains Pubco Name
    // You can also use $(this).children("td")[1]
    ...
});

答案 1 :(得分:0)

这个问题的“正确”答案不是从DOM读取。永远不是一个好主意。我建议你将记录id传递给ajax调用,并让ajax调用返回一个已经填充的表单。

//PHP
//place the data attribute in the tr
echo "<tr data-recordId='".$row['id']."'>";


//JS
$(document).ready(function () {
    $("tr").live('click',function(){

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

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

    });
});

然后您的ajax页面只会读取$_REQUEST['id']以获取正在编辑的表单的ID。

//Ajax side PHP
$id = (int)$_REQUEST['id'];
//Fetch data and use it to pre-populate form item

您可以像这样预先填充输入

<input type="text" value="<?php  echo $row['value']; ?>" />

echo '<input type="text" value="'.$row['value'].'" />';

注意:如果您的值包含引号,则需要将其替换为代码&quot;

echo '<input type="text" value="'.str_replace('"', '&quot;', $row['value']).'" />';