만들려면

Question

검색어와 일치하는 항목의 목록을 반환하려면이 옵션을 사용하여 검색 결과를 "클릭"...

if (mysql_num_rows($result) > 0){ 
    while($row = mysql_fetch_object($result)){ 
     $string .= "<br><b>".$row->container."</b>"." --- "; 
    $string .= " yard: ".$row->lot.""; 
    $string .= " -- latitude: ".$row->lat.""; 
    $string .= " -- longitude: ".$row->lng."<br />"; 
     $string .= "<br/>\n"; 
    } 
} 

을 ... 다음이 표시를

function ajax_search() { 
    $("#search_results").show(); 
    var search_val = $("#search_term").val(); 
    $.post("find.php", { 
     search_term: search_val 
    }, function (data) { 
     if (data.length > 0) { 
      $("#search_results").html(data); 
     } 
    }) 
} 
$(document).ready(function() { 
    $("#search_results").slideUp(); 
    $("#search_button").click(function (e) { 
     e.preventDefault(); 
     ajax_search(); 
    }); 
    $("#search_term").keyup(function (e) { 
     e.preventDefault(); 
     ajax_search(); 
    }); 
}); 

그러나 나는 위도와 경도를지도에 보낼 수 있도록 이러한 항목을 클릭 할 수있게 만드는 방법에 대해 혼란 스럽다.

죄송합니다. 저는이 문제에 익숙하며 Stackoverflow에 새로운 것입니다.

Answer 1

서버 측 구문에 대해서는 확실합니다. 구문상의 실수가 있으면 수정하십시오.

당신이 사업부에 랩 같은 결과 HTML로 각 항목을 사소한 변경을 할 경우는 쉽게

$string .= "<div class='item' data-latitude='".$row->lat."' data-longitude='".$row->lng."'><b>".$row->container."</b>"." --- "; 
$string .= " yard: ".$row->lot.""; 
$string .= " -- latitude: ".$row->lat.""; 
$string .= " -- longitude: ".$row->lng."<br />"; 
$string .= "</div>"; 

다음 당신이 클릭 할 때 발생 원하는 작업

$(document).ready(function(){ 
$("#search_results").slideUp(); 
$("#search_button").click(function(e){ 
    e.preventDefault(); 
    ajax_search(); 
}); 

$("#search_term").keyup(function(e){ 
    e.preventDefault(); 
    ajax_search(); 
}); 

$("#search_results").on('click', '.item', function(){ 
    var $this = $(this); 
    var lat = $this.data('latitude'); 
    var long =$this.data('longitude'); 
    alert(lat + long) 
}) 

});