本文是在项目中优化一个功能时,看到前辈实现的JS的下拉列表,之前倒是实现过JAVA实现的下拉列表,可惜以前不研究这些,现在记录下来,给以后留点东西,当然,只是觉得这个确实实现得不错,仅提供一种思路!
var sel = gid(id);
//var a = sel.options;
//可能循环给下拉列表给值
var options = [];
var value = sel.value;
var name = gid(id+"_flexselect").value;
options.push({
value : value,
text : name
});
var a = options;
///
//下面是自制过程
var arr = new Array(a.length);
for (var i=0,j=a.length;i<j; i++)
{
arr[i] = "<tr><td nowrap title='" + a[i].text + "' value='" + a[i].value + "'>" + HtmlEncode(a[i].text) + "</td></tr>";
}
sel.insertAdjacentHTML("beforeBegin","<table border=0 cellpadding=0 cellspacing=0 width='" + strWidth + "'><tr><td><table width='100%' cellpadding=0 cellspacing=0 border=0 class='sel_normal' name='showTable' " +
" onclick=\"showHide('O" + id + "')\" onmouseout='blOut=false;'><tr bgcolor=white><td style='padding-left:3px;padding-right:3px;' nowrap><input type='hidden' name='C_O" + id + "' id='C_O" + id + "'><DIV class='fixedWidth' style='padding-top:3px;width:" + strWidth2 + "' id='S_O" + id +
"'></DIV></td><td width=\"15\"><img src='" + imgPath + "' /></td></tr></table></td><tr><td><div id='O" + id
+ "' class=\"select\" onselectstart=\"return false\" onmouseover=\"HoverOptions(event);\" onmouseout=\"OutOptions(event);\" onclick=\"ClickOptions(event, 'O" + id + "');\"><table cellsapcing=\"0\" cellspadding=\"3\" border=\"0\" width=100%><tbody>" + arr.join('')
+ "</tbody></table></div></td></tr></tbody></table>");
相关推荐
主要介绍了js实现下拉列表选中某个值的方法,涉及JavaScript针对select下拉列表选择操作的相关技巧,需要的朋友可以参考下
使用JS实现下拉列表框联动
jquery js实现下拉列表智能输入匹配插件,相信很多朋友都知道这个功能吧,当用户输入的时候,会自动匹配用户输入的字符,下拉显示出更多可能的匹配项内容,大家把这种功能叫做“输入提示”或“输入匹配”等,如演示...
CSS+JS实现的简单下拉列表功能,适用于各类网站的二级导航,纯js编写,不用引入jquery。样式可自主调整
javascript实现通过拼音首字母快速选择下拉列表:使用form表单
用CSS列表<ul><li>,js事件等实现多级下拉列表
利用Javascript技术实现省市下拉列表的联动。
js年月日下拉列表联动,js年月日下拉列表联动,js年月日下拉列表联动,js年月日下拉列表联动
js 实现 从一个下拉列表往另一个下拉列表添加内容! 值得下载看看!资源免费,大家分享!!
纯js实现下拉列表内容的动态查询,附有demo实例,能够很简洁的实现功能
级联下拉列表工具类,js实现
本文实例讲述了JavaScript实现下拉列表框数据增加、删除、上下排序的方法。分享给大家供大家参考。具体如下: 这里实现在一个支持多选的下拉列表框内进行数据项的添加、删除、向上、向下移动操作,我们在一些人才...
NULL 博文链接:https://chenjia66804610.iteye.com/blog/576463
jquery.autocomplete实现搜索框下拉列表
js实现的可搜索下拉列表,只要在你想实现的下拉列表,通过js调用方法,即可实现,非常简单!!
iphone下拉列表实现
主要介绍了基于JavaScript实现下拉列表左右移动效果,代码简单易懂非常不错,具有参考借鉴价值,需要的朋友可以参考下
实现一个在编辑框input下根据输入内容显示匹配内容的下拉列表。 实现思路很简单: 将匹配的内容放在一个div中,input输入时把匹配内容的div显示在input下面。 在做的过程中遇到一个棘手的问题: input的onblur中隐藏...