ajax+php 谷歌搜索框自動填充功能實例代碼

來源：懂視網責編：小采時間：2020-11-27 22:52:32

ajax+php 谷歌搜索框自動填充功能實例代碼

ajax+php 谷歌搜索框自動填充功能實例代碼: 代碼如下:<html> <head> <script language=javascript><!-- var http_request; function update(v){ if (window.XMLHttpRequest) { // Mozilla, Safari, ... http_reques

推薦度：

點擊下載本文 文檔為doc格式

導讀ajax+php 谷歌搜索框自動填充功能實例代碼: 代碼如下:<html> <head> <script language=javascript><!-- var http_request; function update(v){ if (window.XMLHttpRequest) { // Mozilla, Safari, ... http_reques

代碼如下:


<html> 
<head> 
<script language="javascript"><!-- 
var http_request; 
function update(v){ 
if (window.XMLHttpRequest) { // Mozilla, Safari, ... 
http_request = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { // IE 
http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
} 
http_request.onreadystatechange=out; 
var url="tp.phtml?worksheet="+v.value; 
http_request.open('GET',url,true); 
http_request.send(null); 
} 
function out(){ 
if(http_request.readyState == 4){ 
var div=document.getElementById('out'); 
if(http_request.responseText!='') { 
div.style.display='block'; 
div.innerHTML=http_request.responseText; 
//alert(div.innerHTML); 
}else{ 
div.style.display='none'; 
div.innerHTML=''; 
} 
} 
} 
function end(val){ 
document.getElementById('ws').value=val; 
document.getElementById('out').innerHTML=''; 
document.getElementById('out').style.display='none'; 
} // --></script> 
<style><!-- 
.test{ 
display:none; 
z-index:100; 
width:150px; 
top:20px; 
left:0px; 
height:auto; 
background-color:lightgrey; 
border:1px solid; 
position:absolute; 
} 
a:link { 
text-decoration:none; 
color:black; 
} 
a:visited { 
text-decoration:none; 
color:black; 
} 
a:hover { 
text-decoration:none; 
color:black; 
} 
--></style> 
</head> 
<body> 
<div style="position:relative;" style="position:relative;"> 
<input type='txt' id='ws' name='ws' value='' onPropertyChange='update(this);' oninput='update(this);'/> <div id='out' class='test'></div> 
<div> 
<input type='txt' id='d'/> 
</body> 
</html> 
 
頁面一 
 代碼如下:

<? 
include("include/db.inc"); 
$ws=$_GET['worksheet']; 
if(empty($ws)||strlen($ws)<3){ 
//echo 'oo'; 
exit(); 
} 
$db=new db(); 
$str=''; 
$sql="select * from user where deptID=10 and status='On' and worksheet like '%$ws%' order by worksheet"; 
$rt=$db->rtAssoc($sql); 
while($row=array_shift($rt)){ 
$str.="<a href="\" href="\""#\" onclick=\"end('" 
.$row['emp_name'].':'.$row['emp_worksheet']."');\">" 
.$row['emp_name'].':'.$row['emp_worksheet'] 
.'</a>,<br/>'; 
} 
$str=substr($str,0,-6); 
echo trim($str); 
exit(); 
?> 
 
頁面二。 這個東西功能上模仿谷歌，但是效果很不理想。一般簡單的應用可以滿足
 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com