html文本框自动下拉列表,HTML input输入框实现的动态下拉列表选择

代码分享：html>

jQuery bootstrap

$(function(){

textSearchList('#searchList','#name','#displayList','selectDisplayItem');

});

function selectDisplayItem(id,name){

alert(id+","+name);

$('#name').val('');

}

搜索：

function textSearchList(searchListID,textNameID,displayListID,actionFun){

$(textNameID).bind('input propertychange', function() {

var str = $.trim($(this).val());

$(displayListID).html('');

var html = appendLis(searchListID,textNameID,displayListID,actionFun,str);

$(displayListID).append(html);

$(searchListID).addClass('open');

});

}

function appendLis(searchListID,textNameID,displayListID,actionFun,inputStr){

// 这里进行数据请求

var