0

我在 html 表中插入输入按钮并使用 javascript 检测按下的按钮时遇到问题。一切正常，但是，如果我在 javascript 中提醒它，我可以看到它总是给我第一行的元素。另外，如果我按下最后一行的元素。

现在我将用代码更好地解释。通过这种方式，我用按钮填充表格并且一切正常：

//$shows is an array
$size = count($shows);


if ($size != 0) {   
echo "<table class='datatable'>";
echo "<thead>";
echo "<tr>";
echo "<th>ID</th>";
echo "<th>Name</th>";
echo "<th>Language</th>";
echo "<th>Add</th>";
echo "</tr>";
echo "</thead>";
echo "<tbody>"; 
}

for($i = 0 ; $i < $size; ++$i) {

echo "<tr>";
echo "<td>{$shows[$i]->id}</td>";
echo "<td>{$shows[$i]->name}</td>";
echo "<td>{$shows[$i]->language}</td>";
echo "<td>";
echo "<input type='hidden' id='add' value='yes' />";
echo "<input type='hidden' id='seriesid' value={$shows[$i]->id} />";
echo "<input type='hidden' id='lang' value={$shows[$i]->language} />";
echo "<input type='submit' id='name-submit' class='button plain' value='ADD'>";
echo "<div id='add-data'></div>";
echo "</td>";
echo "</tr>";
}


  if ($size != 0) {
  echo "</tbody>";
  echo "</table>";
  }

因此，通过这种方式，我可以看到表格中的所有信息，并且还可以看到每一行的按钮。然后我想检测每一行按下的按钮，我在javascript中有这个文件：

$('input#name-submit').click(function() {

    var add = $('input#add').val();
    var seriesid = $('input#seriesid').val();
    var lang = $('input#lang').val();
    alert(lang);
    if ($.trim(add) != '') {

        $.post('AccessDB.php', {add:add, seriesid:seriesid, lang:lang}, function(data) {
            alert(data);
        });
    }

});

此外，通过这种方式，我可以检测到按下的按钮并向我显示带有 lang 元素的警报，但 lang 元素始终是第一行的元素。如果我按下最后一行的按钮（使用不同的 lang 元素），我总是会看到第一行的元素。例如，如果我使用 theseriesid或 name 元素，它始终是第一行的元素。那么，我怎样才能检测到其他行呢？

4

1 回答 1

1

您一次又一次地使用相同的 id。使用类而不是类使用

echo "<input type='hidden' class='add' value='yes' />";

代替

echo "<input type='hidden' id='add' value='yes' />";

并使用它

    var add = $(this).parent().find(".add").val();
    var seriesid = $(this).parent().find('.seriesid').val();
    var lang = $(this).parent().find('.lang').val();

代替

    var add = $('input#add').val();
    var seriesid = $('input#seriesid').val();
    var lang = $('input#lang').val();
于 2012-10-20T11:41:06.380 回答