使用 jquery 从搜索结果中自动填充

Question

您好，我有以下代码使用用户 ID、用户名、电子邮件填充搜索结果

我想用适当的 ID 用户点击自动填充 id= id 的字段

    <?php 

    include '../db/connect6.php';


if(isset($_POST['searchVal'])) {
  $searchq = $_POST['searchVal'];
  $searchq = preg_replace ("#[^0-9a-z]#i","",$searchq);

    $query = mysql_query("SELECT * FROM oz2ts_users WHERE oz2ts_users.id LIKE  '%$searchq%' OR oz2ts_users.name LIKE '%$searchq%'") or die("Could not  search"); 
    $count = mysql_num_rows($query);
    if($count == 0){
     $output = 'There is no result to show!'; 
    } else{ 
     while($row = mysql_fetch_array ($query)) {
        $id = $row['id'];
        $name = $row['name'];
        $username = $row['username'];    

    $output .= '<div><a class="resultItem" data-id="' . $id . '">'   
     . $name . ' '.$username.'</a></div>';   

   }            
 }

 }
echo($output);
?>

Answer 1

只需执行一个针对该字段的 .onclick() 事件。示例代码如下。

<form>
   <input id="display-id" type="text" />
</form>

<script>
$(document).ready(function(){
    $('.resultItem').click(function(){
         var resultId = $(this).data('id');
         $('#display-id').val(resultId);
    });    
});
</script>