Question

我有一个问题要问。

我的搜索结果基于从MySQL数据库检索的数据。根据检索到的数据，我嵌入并回显了div和<a>标记，以了解哪个<a>被点击，以便我可以使用searchresult_details.php使用ajax jQuery检索更多细节。

<?php

//include database connection file to call the class
include('dbconn.php');

//db global connection
$db = new DBConfig();
$db -> config();
$db -> conn();

//retrieve the keyword entered in the form in search.php
$keyword = $_POST['keyword'];

//call searchKeyValue method to retrieve the names whether client or staff
searchKeyValue($keyword);

function searchKeyValue($keyword)
{
    $result = mysql_query("SELECT result_key, result_value FROM keyvalue WHERE result_value LIKE  '%$keyword%'");   

    while($row = mysql_fetch_array($result)){
            //echo $row['result_value'];
            //echo "<br />";
            echo '<div style="background-color:#ffa; padding:20px"><a class="record" value="' . $row['result_value'] . '">' . $row['result_value'] . '</a>' . '</div>';
            echo '<input class="tablename" type="hidden" name="tablename" value="' . $row['result_key'] . '" />';
        }
}
?>

但是，<a>将回显多行。我需要检索单击的<a>以及它存储在该特定<a>元素中的值。我不能在<a>中使用id，因为我觉得这很乏味。我正在考虑使用类，以便在javascript中我可以使用document.getElementsByClassName，但我知道IE中的这样的函数有错误。

有什么建议吗？

Answer 1

请检查jQuery类选择器

http://api.jquery.com/class-selector/

Answer 2

看看这个例子。

<?php
while($stmt->fetch()){?>

  <td class="other">
      <input type="hidden"  class="rowid"  value="<?php echo $id ?>"/>
      <?php echo round($other,2); ?>
  </td>`enter code here`

<?php } ?>

<script>
//jquery code:
$(document).ready(function(){
    $(".other ").mouseover(function(){
        var rowid = $('#rowid').val();
        $.get('other.php',{postrowid:rowid},
            function(data){
              $('#otherResult').html(data);
              $('#otherResult').show();
              $(".other").mouseout(function(){
                $('#otherResult').hide();
              });
            });
    });
});
</script>

如何通过.click jQuery函数检索html元素值与从MySQL检索的数据？

2 个答案: