Question

我有这样的javascript代码：

<script>
$("#ancbahan_add").click(function(){
 $('#tblbahan tr').last().after('');
});
</script>

我想把这个PHP代码：

<?php

echo "<select name='anggota'>";

$show=mysql_query("SELECT * FROM tb_satuan ORDER BY id_satuan");
echo "<option value='belum milih' selected>-satuan-</option>";

while($w=mysql_fetch_array($show))
{
    echo "<option value=$w[satuan]>$w[satuan]</option>";        
}
    echo "</select>";

?>

在.after ('') 内，我完全不知道该怎么做，因为我是使用javascript的新手。

所以我希望有人可以给我一些解决方案，谢谢。

Answer 1

如果此内容未发生变化，我建议您在最后一次tr之后在页面上呈现该元素，但只需确保<select>元素具有以下属性：style="display: none;" 。然后你可以使用以下javascript来显示它：

$("#ancbahan_add").click(function(){
  $('#tblbahan tr').last().show();
});

我应该说看起来你会看到像这样的HTML：

<table>
 <tr></tr>
 <select></select>
</table>

此HTML无效，因为select应位于表格单元格内。

Answer 2

为了让它更清洁，我会做这样的事情：

<?php
$select = "<select name='anggota'>";
$show=mysql_query("SELECT * FROM tb_satuan ORDER BY id_satuan");
echo "<option value='belum milih' selected>-satuan-</option>";
while($w=mysql_fetch_array($show))
{
  $select .= "<option value=$w[satuan]>$w[satuan]</option>";
}
$select .= "</select>";
?>

<script>
$("#ancbahan_add").click(function(){
  $('#tblbahan tr').last().after('<?php echo $select; ?>');
});
</script>

编辑：添加您要求的行：

<script>
$("#ancbahan_add").click(function(){
  $('#tblbahan').append('<tr><?php echo $select; ?></tr>');
});
</script>

Answer 3

然后继续将整个PHP代码段（包括打开和关闭<?php ?>标记）粘贴到引号' '之间。 PHP将在服务器上运行，正确的值将出现在javascript中。

Answer 4

$('#tblbahan tr').last().after(function(){
    $.ajax({
      url: "test.php"//php page url
    }).done(function(data) {
      console.log(data);
    });
  }
}
)

把PHP代码放在javascript中

4 个答案: