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 html= appendLi(searchListID,textNameID,displayListID,actionFun,'id','name');

html = html + appendLi(searchListID,textNameID,displayListID,actionFun,'id2','name2');

$(displayListID).append(html);

}

function appendLi(searchListID,textNameID,displayListID,actionFun,id,name){

var click = actionFun + "('"+id+"','"+name+"');closeListDisplay('"+searchListID+"');";

return "

"+name+"";

}

function closeListDisplay(searchListID){

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

}

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

html文本框加背景颜色,input输入框如何去除边框和修改背景色_html/css_WEB-ITnose
因为编辑和预览界面共用一个,考虑使用样式进行区分,上面代码要以下的结果: 不如意十八九请问各位能否实现回复讨论(解决方案) 用css就能实现定义一个class,然后定义边框 none,背景色不 ...
html怎么在文本框设置提示语,input输入框提示语
php使用递归创建多级目录 Glacierskating测试记录这个游戏本身已经很成熟了,要提什么建议的话也是吹毛求疵.... 不过个人来讲不是很喜欢这个游戏,喜欢程度排倒数第二吧....感觉游戏就 ...
input文本框自动填充背景色黄色解决办法
文章目录 input文本框自动填充背景色黄色解决方式解决前后,截图对比: 解决方式兼容性说明 input文本框自动填充背景色黄色解决方式如何取消黄背景色?浏览器兼容处理? 解决前后,截图对比: ...
取消Chrome表单文本框自动填充黄色背景色样式
开发后台管理系统或网站时,使用谷歌的Chrome浏览器访问网页中表单,文本框背景色自动填充为黄色.这个问题在网络上其实早已经是老生常谈了,今天正巧我要处理这个问题,把之前查阅的一些资料和自己解决这个问 ...
[原创]Flex文本框自动提示(AutoSuggest)、自动完成(AutoComplete)
做一个小程序要用到Flex文本框自动提示的功能,因为时间不是很紧,所以决定自己动手做这个小组件,花了一个晚上的时间终于完成了.贴出来与大家分享一下. 虽然网上有不少这样的组件,但自己动手做可以锻炼下思 ...
java计算两个文本框的值,java 文本框自动获取另外两个文本框的值的乘积
java 文本框自动获取另外两个文本框的值的乘积关注:282 答案:2 手机版解决时间 2021-02-25 21:59 提问者壹玍徴戰何亽陪 2021-02-25 13:53 在panel里 ...
php如何禁掉文本框输入,如何禁止input文本框输入
如何禁止input文本框输入 nput文本框用于接收用户输入的信息,我们有两种方法可以禁止input文本框,一种方法是使用readonly,另一种方法是使用disabled,但二者之间还是有区别的,请 ...
点击编辑框全选内容java,js实现鼠标点击文本框自动选中内容的方法
本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候, ...
禁止浏览器文本框自动填充_18个有用的填充文本生成器
禁止浏览器文本框自动填充 "Filler" text is used when a design must be shown to an audience and body cop ...

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

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

最新文章

热门文章