现在搞输入提示实在太流行了,上网找了个jQuery的代码,中文支持不行,稍微改了一下,OK了。贴个代码出来大家参考一下! 这个是表单输入的页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>添加职工调动信息</title> <mce:style type="text/css"><!-- body { background-color: #CCCCCC; } --></mce:style><style type="text/css" mce_bogus="1">body { background-color: #CCCCCC; }</style> <mce:style type="text/css"><!-- body { font-family: Helvetica; font-size: 11px; color: #000; } h3 { margin: 0px; padding: 0px; } .suggestionsBox { position: relative; left: 30px; margin: 10px 0px 0px 0px; width: 200px; background-color: #212427; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 2px solid #000; color: #fff; z-index:10000; } .suggestionList { z-index:10000; margin: 0px; padding: 0px; } .suggestionList li { z-index:10000; margin: 0px 0px 3px 0px; padding: 3px; cursor: pointer; } .suggestionList li:hover { background-color: #659CD8; } --></mce:style><style type="text/css" mce_bogus="1"> body { font-family: Helvetica; font-size: 11px; color: #000; } h3 { margin: 0px; padding: 0px; } .suggestionsBox { position: relative; left: 30px; margin: 10px 0px 0px 0px; width: 200px; background-color: #212427; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 2px solid #000; color: #fff; z-index:10000; } .suggestionList { z-index:10000; margin: 0px; padding: 0px; } .suggestionList li { z-index:10000; margin: 0px 0px 3px 0px; padding: 3px; cursor: pointer; } .suggestionList li:hover { background-color: #659CD8; }</style> </head> <link href="css.css" mce_href="css.css" rel="stylesheet" type="text/css" /> <mce:script type="text/javascript" src="jquery-1.2.1.pack.js" mce_src="jquery-1.2.1.pack.js"></mce:script> <mce:script type="text/javascript"><!-- function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion box. $('#suggestions').hide(); } else { $.post("ac.php", {queryString: ""+escape(inputString)+""}, function(data){ if(data.length >0) { $('#suggestions').show(); $('#autoSuggestionsList').html(unescape(data)); } }); } } // lookup function fill(thisValue) { $('#community').val(thisValue); setTimeout("$('#suggestions').hide();", 200); } // --></mce:script> <mce:script language="javascript" type="text/javascript"><!-- function Trim(sString) { while (sString.substring(0,1) == ' ') { sString = sString.substring(1, sString.length); } while (sString.substring(sString.length-1, sString.length) == ' ') { sString = sString.substring(0,sString.length-1); } return sString; } function check(){ var ic=Trim(document.getElementById('idcard').value); if(ic.length==18){ } else if(ic.length==15){ } else{ alert('身份证号码错误,请重新输入'); document.getElementById('idcard').focus(); return false; } if(document.getElementById('personName').value==''&&document.getElementById('personName').value.length<2) { alert('请输入正确的姓名'); document.getElementById('personName').focus(); return false; } if(document.getElementById('community').value==''||document.getElementById('community').value.length<2) { alert('请输入所在单位'); document.getElementById('community').focus(); return false; } return true; } function changeType(i){ if(i=='0'){ $('#towhere').html('调往何处'); $('#mn').html('转出金额'); } if(i=='1'){ $('#towhere').html('何处调入'); $('#mn').html('转入金额'); } } // --></mce:script> <body> <table width="98%" border="0" align="center" cellpadding="0" cellspacing="1" BGCOLOR="#6699CC"> <tr> <td BGCOLOR="#6699CC" height="20" align="center"><font color="#FFFFFF">添加职工调动信息</font></td> </tr> <tr> <td bgcolor="#FFFFFF"> <form name="upform" id="upform" method="post" action="savetrans.php"> <table width="98%" border="0" align="center" cellpadding="2" cellspacing="0"> <tr> <td width="11%" height="9">姓名</td> <td><input name="personName" type="text" id="personName" size="15" maxlength="15" height="10"/></td> <td width="11%" rowspan="6" valign="top">所在单位</td> <td width="40%" rowspan="6" valign="top"> <input name="community" type="text" id="community" size="30" maxlength="30" height="10" οnkeyup="lookup(this.value);" οnblur="fill();"/><div class="suggestionsBox" id="suggestions" style="display: none;" mce_style="display: none;"> <img src="upArrow.png" mce_src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" /> <div class="suggestionList" id="autoSuggestionsList"> </div> </div> </td> </tr> <tr> <td style="height: 9px">身份证号</td> <td width="38%" style="height: 9px"> <input name="idcard" type="text" id="idcard" size="20" maxlength="18" height="10"/></td> </tr> <tr> <td height="2">调动类型</td> <td> <label> <select name="tofrom" id="tofrom" οnchange="changeType(document.getElementById('tofrom').selectedIndex);"> <option value="0" selected="selected">调出</option> <option value="1">调入</option> </select> </label> </td> </tr> <tr> <td height="2" id="towhere">调往何处</td> <td> <label> <select name="towhere" id="towhere"> <option value="赣州市" selected="selected">赣州市</option> <option value="赣县">赣县</option> <option value="南康市">南康市</option> <option value="上犹县">上犹县</option> <option value="崇义县">崇义县</option> <option value="于都县">于都县</option> <option value="宁都县">宁都县</option> <option value="瑞金市">瑞金市</option> <option value="兴国县">兴国县</option> <option value="石城县">石城县</option> <option value="寻乌县">寻乌县</option> <option value="会昌县">会昌县</option> <option value="大余县">大余县</option> <option value="龙南县">龙南县</option> <option value="定南县">定南县</option> <option value="全南县">全南县</option> <option value="信丰县">信丰县</option> <option value="安远县">安远县</option> <option value="开发区">开发区</option> <option value="章贡区职工">章贡区职工</option> </select> </label> </td> </tr> <tr> <td height="5" id="mn">转出金额</td> <td><input name="account" type="text" id="account" value="0.00" size="10" maxlength="10" height="10" /></td> </tr> <tr> <td colspan="1" style="height: 29px">操作员</td> <td width="38%" style="height: 29px"> <input name="operator" type="text" id="sClass3" size="10" maxlength="20" height="10" readonly="readonly" value="<?=$realName?>"/></td> </tr> <tr> <td height="25"></td> <td colspan="3"> <input type="submit" name="Submit" value="添 加" οnclick="return check();" /></td> </tr> </table> <p> </p> </form></td></tr> </table> </body> </html> ac.php <?php header ( 'Content-Type:text/html;charset=gb2312' ); $db = @mysql_connect ( 'localhost', 'root', 'zgqyb' ); if (! $db) { echo 'ERROR: Could not connect to the database.'; } else { @mysql_select_db ( 'zgqyboa', $db ); $queryString = unescape ( $_POST ['queryString'] ); if (strlen ( $queryString ) > 0) { @mysql_query ( "SET NAMES 'GBK'" ); $query = @mysql_query ( "SELECT company_name FROM company_info WHERE company_name LIKE '%$queryString%' LIMIT 10" ); if ($query) { while ( $result = @mysql_fetch_row ( $query ) ) { echo '<li onClick="fill(/'' . $result [0] . '/');">' . $result [0] . '</li>'; } @mysql_close (); } else { echo 'ERROR: There was a problem with the query.'; @mysql_close (); } } else { @mysql_close (); } } function escape($str) { preg_match_all ( "/[/x80-/xff].|[/x01-/x7f]+/", $str, $r ); $ar = $r [0]; foreach ( $ar as $k => $v ) { if (ord ( $v [0] ) < 128) $ar [$k] = rawurlencode ( $v ); else $ar [$k] = "%u" . bin2hex ( iconv ( "GB2312", "UCS-2", $v ) ); } return join ( "", $ar ); } function unescape($str) { $str = rawurldecode ( $str ); preg_match_all ( "/%u.{4}|&#x.{4};|&#d+;|.+/U", $str, $r ); $ar = $r [0]; foreach ( $ar as $k => $v ) { if (substr ( $v, 0, 2 ) == "%u") $ar [$k] = iconv ( "UCS-2", "GBK", pack ( "H4", substr ( $v, - 4 ) ) ); elseif (substr ( $v, 0, 3 ) == "&#x") $ar [$k] = iconv ( "UCS-2", "GBK", pack ( "H4", substr ( $v, 3, - 1 ) ) ); elseif (substr ( $v, 0, 2 ) == "&#") { $ar [$k] = iconv ( "UCS-2", "GBK", pack ( "n", substr ( $v, 2, - 1 ) ) ); } } return join ( "", $ar ); } ?> jQuery的代码大家就自己下载吧!