3

我有一个带有下拉选择器的 php 页面，我使用 jquery、ajax 和 mysql 在选择器更改时生成一个表并放入一个名为 .mytable 的 div 中。表中的一些数据是影响表中数据的 php 脚本的链接，所以我想在不重新加载的情况下刷新表。

我知道我需要通过将事件侦听器附加到表中的链接来做到这一点，但我似乎无法获得正确的选择器来附加侦听器？

任何帮助，将不胜感激

用户看到的名为 user.php 的页面是：

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="css/table_style.css" rel="stylesheet" type="text/css">
</head>



<body>
<form name="form1" method="post" action="">
  <label for="select_data"></label>
  <select name="select_data" id="select_data">
    <option value=1>"Apples"</option>
    <option value=2>"Pears"</option>
    <option value=3>"Bananas"</option>
  </select>
</form>

<div id="mytable">This is where the table goes</div>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="get_table.js"></script>
</body>
</html>

jquery 事件处理程序是：

$(document).ready(function (){
    //listen for select list to change, pass fruit into create_table.php, pass data into mytable div
    $('#select_data').change(function() {
        $.post('create_table.php',{fruit: fruit}, function(data) {
            $('div#mytable').html(data);});     

    });

    $('.fruit_link').change(function() {
        $.post('create_table.php',{fruit: fruit}, function(data) {
            $('div#mytable').html(data);});     

    });

});

事件处理程序调用的创建表并返回 html 代码的脚本是：

<?php

require_once('Connections/dbc.php');
$fruit=$_POST['fruit'];
$sql="SELECT * FROM q_fruit WHERE FruitID =".$fruit;
$rec1=mysqli_query($dbc,$sql);

    echo '<table class="table" align="center">';
    echo '<th class="th" width="80px">Fruit ID</th>';
    echo '<th class="th" width="150px">Fruit Name</th>';
    echo '<th class="th" width="40px">Fruit Action 1</th>';
    echo '<th class="th" width="150px">Fruit Action 2</th>';

    while ($row=mysqli_fetch_array($rec1)) 
        {

            echo '<tr class="tr">';
            echo '<td class="td">'.$row['FruitID']. '</td>';    
            echo '<td class="td">'.$row['FruitName']. '</td>'; 
            echo '<td class="td"><a class="fruit_link" href="fruitaction1.php">'.$row['FruitID']. '</a></td>'; 
            echo '<td class="td"><a class="fruit_link" href="fruitaction2.php">'.$row['FruitID']. '</a></td>'; 
            echo '</tr>';
         }

    echo '</table>';


    mysqli_free_result($rec1);
    mysqli_close($dbc);

?>

因此，每次更改值时，选择事件处理程序都在努力重现表，但链接处理程序不是，我假设它是因为链接在返回的 html 中，并且还没有出现在用户文件中java正在听。有办法解决这个问题吗？

4

1 回答 1

2

我不确定，如果这很简单$("table a")，但它看起来像那样......这将选择所有表中的所有 a(nchor)。

如果您只想在该表中选择它们，那么$("div.mytable table a")，如果调用表示一个类，但如果它是一个 ID（并且它实际上以点开头），那么$("#.mytable table a").

于 2013-06-24T12:06:47.140 回答