[英]Make a row clickable
我正在創建一個社交網站。我在search.php
有一個文本框來搜索存儲在數據庫中的場所。當用戶開始輸入場地名稱時,存儲在數據庫中的場地名稱列表應加載到div venuesearch
。 這很好。我的問題是我需要使div venuesearch
內的行venuesearch
點擊,這樣當用戶點擊一個特定的行時,該值應該來到文本框。
search.php中
<script language="javascript">
function showData(str)
{
if (str.length==0)
{
document.getElementById("venuesearch").innerHTML="";
document.getElementById("venuesearch").style.border="0px";
return;
}
var venue_data = document.getElementById("venue").value;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("venuesearch").innerHTML=xmlhttp.responseText;
document.getElementById("venuesearch").style.border="1px solid #A5ACB2";
document.getElementById("venuesearch").style.zIndex = "100";
}
}
xmlhttp.open("GET","aj_search.php?venue="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<input id="venue" name="venue" type="text" onkeyup="showData(this.value)" value="Tag venue name"/>
<div id="venuesearch">
</div>
</body>
aj_search.php
<?php
$dbhandle=mysql_connect("localhost","root","")or die("Unable to connect");
$select=mysql_select_db("scenekey",$dbhandle) or die("Unable to connect");
if(isset($_GET['venue']))
{
$venue_name = $_GET['venue'];
}
$hint='';
$query_get_venue = "SELECT * from sk_accounts WHERE acnt_member_class='venue' and acnt_fname LIKE '".$venue_name."%'";
$result_query_get_venue = mysql_query($query_get_venue);
$row_count = mysql_num_rows($result_query_get_venue);
if($row_count > 0)
{
$hint = "<table>";
while($row = mysql_fetch_array($result_query_get_venue))
{
$act_fname = $row['acnt_fname'];
$act_lname = $row['acnt_lname'];
$act_name = $act_fname . ' ' . $act_lname;
$hint.= "<tr><td>".$act_name."</td></tr>";
}
$hint .= "</table>";
}
if ($hint == "")
{
$response="no suggestion";
}
else
{
$response=$hint;
}
//output the response
echo $response;
?>
添加id
或class
,然后為其設置click事件或添加javascript
函數
$hint.= "<tr onClick ='hintVal(".$act_name.");'><td>".$act_name."</td></tr>";
在javascript中:
function hintVal(trVal) {
alert('tr clicked');
alert('tr value:'+trVal);
}
你為什么不能使用Jquery Autocomplete
?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.