求个仿Google、百度搜索下拉框

2016-07-07 15:04 来源：www.chinab4c.com 作者：ecshop专家

有会的吗给个程序（php的）。。。谢了

回答：
那种搜个东西出来下拉菜单效果。。

路过```

这是以前写的，不知道好不好用，您就将就着用吧？
//php页面

<?php
$v = $_POST['value'];
$link = mysql_connect('localhost','root','');
mysql_select_db("test");
mysql_query('set names utf8');
$result = mysql_query("select info from parament where

info like '".$v."%'");
$arr = array();
while($o = mysql_fetch_assoc($result))
{
$arr[] = $o;
}
echo json_encode($arr);
13. ?>




html页面

<style>
.whiteBg{
background-color:white;
}
.blueBg{
background-color:lightblue;
}
</style>
<script src="jquery.js"></script>
<script>
<!--
function getParament(v)
{
$.post("sousuo_mysql.php",{value:v,num:Math.random

()},function(data)
{
var arr = eval("("+data+")");
for (var i=0; i<arr.length; i++)
{
var o =arr[i];
var ele = document.createElement("div");
ele.innerHTML = o.info;
ele.onmouseover = function () {
this.className = "blueBg";
}
ele.onmouseout = function () {
this.className = "whiteBg";
}
ele.onclick = function () {
document.getElementById("word").value =

this.innerHTML;
document.getElementById

("container").style.display = "none";
document.getElementById

("container").innerHTML = "";
}
document.getElementById

("container").appendChild(ele);
document.getElementById

("container").style.display = "block";
}
})
}
//-->
</script>
</head>
<body>
<input type="text" id="word" onkeyup="getParament

(this.value)" />
<div id="container" style="border:1px solid #000000;

width:300px; display:none">
</div>

//在建一个数据库test
在数据库下见一个表parament

百度和google不是下拉菜单效果吧？
可能我对他们认识不够深刻吧

给你个仿淘宝搜索下拉框：
http://bbs.ecshop.com/viewthread.php?tid=88624
你可以试试

都很好啊！值得学习！

你那个都不会用，，， 6# bjecshop

谢了。。 4# owndream

用你说的这个数据库和表没事儿。但是换个别的表就不行了。出现undefined。。。怎么回事儿，好像能出来几条记录，但是就是没出记录内容，出来的是unfinished。。。 4# owndream

那是下拉 列表 框还是 div层 啊

个人认为的解决方案：首先有一个关键字库 比如说。然后当你鼠标点击输入框输入文字的时候我们通过ajax去执行程序获得相关关键字然后显示在输入框下面的层里。

顶4楼的！