onclick更新html表

时间:2012-03-03 16:10:18

标签: jquery ajax

我在php中创建了一个变量,当点击它时我希望它填充另一个表中的一些数据。

我猜我使用的是AJAX和Jquery,但我看到了什么功能?

e.g。 如果我做了这样的事情。我想点击$ variable1,只有在点击时出现在.in /中的table1中。

是否有人有这个功能的链接或可以做到这一点的几行代码? 感谢

<?php
$variable1 = "text";
echo $variable1;
?>

<div id="table1">
<table>
<tr>
<td>variable1 will go here when clicked</td>

3 个答案:

答案 0 :(得分:0)

实现这一目标有很多方法:

  • 在div中写variable1,点击后显示
  • AJAX调用以获取variable1
  • 的值
  • 将页面发回服务器并使用table1重新编写variable1 ...

答案 1 :(得分:0)

<?php
$variable1
echo '<a href="#" id="aVar">.$variable1.'</a>';
?>
// Dont forget to include jQuery in the html page. Gra it from the google cdn

<div id="table1">
<table>
<tr>
<td><div id="var1Descr">variable1 will go here when clicked</div></td>

<script>

$(function(){

  $("#aVar").click(function(){
     var content=$(this).html();
      $("#var1Descr").html(content);

  });

});
</script>

此代码将执行此操作

1)当用户点击id为“aVar”的元素时,它会读取被点击元素的内容并存储一个名为content的变量。 2)将存储的内容设置为div的内容,称为“var1DEscr”。

如果要在第二个div中加载一些其他数据,可以使用jquery ajax从服务器页面获取该数据并加载为div的内容

答案 2 :(得分:0)

你可以使用td的onclick事件。

<div id="table1">
<table>
<tr>
<td onclick="this.innerHtml = <?php echo $variable1?>">variable1 will go here when clicked</td>