做一个可输入的下拉框，能动态检索数据库

Question

如题做一个可输入的下拉框，能动态检索数据库最好不要覆盖的，还有动态检索数据库的javascript怎么写比较好一些。希望大家指点，谢谢。

Answer 1

这个下拉框的选项来自于数据库某表 某列？
根据数据库数据变化而变化？ajax取数据 jquery或js放到下拉框

Answer 2

下拉框选项来自数据库，具体ajax怎么写，可以大概说说嘛

Answer 3

具体可以看看这个帖子http://topic.csdn.net/u/20120709/16/9bcaa864-b8c3-475e-aa62-c7366c331ff8.html?seed=1689828436&r=79072980#r_79072980

Answer 4

//servlet得到列表
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
    request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=gbk");
  
String userName=request.getParameter("userName");
List<String> userList=new UserBizImpl().getUserList(userName);

    PrintWriter out =response.getWriter();
System.out.println("userName:"+userName);
for(String uName :userList)
{
out.print(uName+"<br>"); }
out.flush();
out.close();
    
}
//js
var xmlHttpRequest;
//createXmlHttpRequest函数
function  createXmlHttpRequest()
{
  //ie6以上或其他浏览器
  if(window.XMLHttpRequest)
  {
    return new XMLHttpRequest();
  }
  else if(window.ActiveXObject)//ie6以下
  {
    return new ActiveXObject("Microsoft.XMLHTTP");
  }
  
}
 function demo()
 {
   //1.得到userName
   var userName=document.getElementById("userName").value;
   if(userName=="")
   {
     document.getElementById("divMsg").innerHTML="不能为空";
   }
   else
   {
 
    xmlHttpRequest=createXmlHttpRequest();
      var url="userServlet";
  
   xmlHttpRequest.onreadystatechange=callback;
   //5.open,send
   xmlHttpRequest.open("post",url,true);
   xmlHttpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  
   xmlHttpRequest.send("userName="+userName);
   }
 } function callback()
 {
   if(xmlHttpRequest.readyState==4 &&
      xmlHttpRequest.status==200)
   {
     document.getElementById("divMsg").innerHTML=xmlHttpRequest.responseText;
   }
 }

Answer 5

当下拉框的值改变触发一个事件,用ajax去后台去除数据以输入汉字开头的数据,用josn并返回给页面，页面清除下拉列表,然后把数据填充进去