js自定义的联动下拉框

觉得这个下拉框已经稍微能满足美观需求了

这个是点出来的效果，写了键盘的方向键，回车，esc等事件，并且能根据页面的底部距离判断是否向上展示今天弄了个联动的，顺便贴部分代码效果预览

以下代码解决了ie6的兼容问题复制代码代码如下：美元。鼠标向下(function(){ setTimeout(function(){ if($ newUl[0]))。风格。display==' block '){ $ newUl。hide()；positionHideFix()；返回false} $ containerdiv。焦点()；//显示列表$ newul。向下滑动(100)；位置固定()；//当按键被按下时文件。onkeydown=函数(e){ if(e==null){//ie var key code=event。密钥代码；} else { //其他一切var键码=e . white}//按下进入键或转义字符键，隐藏列表if(键码==13 | |键码==27){ $ newul。hide()；positionHideFix()；返回false} } }，1)；//函数函数是用于ie6的，因为如果你点击了你关注元素的元素，//ie6会认为你点击了两次(2010-2-4)});以下代码解决了下拉框事件定义功能匮乏问题代码复制代码代码如下： if(！选择。回调fn){ $ newli。click(function(e){ var $ click edli=jQuery(e . target)，text=$ click edli。text()；//更新计数器currentIndex=$ newli。索引($ click edli)；//删除所有希尔特，然后将醒目添加到所选项目$ NewLi。移除类(' HiLite ')；$ clickedli。add class(' HiLite ')；setSelectText(文本);$ NewUl。hide()；$containerDiv.css('position '，' static ')；//ie })；} else { $ NewLi。click(function(e){ var $ click edli=jQuery(e . target)，text=$ click edli。text()；//更新计数器currentIndex=$ newli。索引($ click edli)；//删除所有希尔特，然后将醒目添加到所选项目$ NewLi。移除类(' HiLite ')；$ clickedli。add class(' HiLite ')；setSelectText(文本);$ NewUl。hide()；$containerDiv.css('position '，' static ')；//ie(opts。回调fn)(这。值)；});} //param callbackfn表示您可以从保险商实验所中的每个里定义一个事件函数；(2010-2-4) 然后是页面的应用，代码复制代码代码如下：脚本类型='text/javascript' jQuery(文档)。ready(function(){ jQuery(' my-down 2 ')).hide()；jQuery('#my-dropdown1 ').s选择({ defaultText: ' '，callbackfn:函数（值){ if(值==1){ jQuery('我的下拉列表2 _ list ').父项()。移除();jQuery('#linkc_value ').val(值);返回；} jquery。getjson('/department。MVC/GetSubDepartment？DepartmentID=' value，function(list){ jQuery(' my-下拉列表2 _ list ').父项()。移除();jQuery('#my-dropdown2 ').html(" ")；变量温度=温度='选项值=' '请选择部门/option '；for(var I=0；一、清单。长度；i ) { temp='option value=' list[i].部门ID“”列表[i].部门名称'/选项'；} jQuery('#my-dropdown2 ').html(temp)；jQuery('#my-dropdown2 ').show()；jQuery('#my-dropdown2 ').s select({回调fn :函数(值){ jQuery(' link c _ value ')).val(值);} });} );} } );//KillErrors=function(){ return true；}//窗口。onerror=删除错误；});函数linkc(){位置。href='/user。MVC/Front？部门id=' jQuery '(# linkc _ value ').val()；}/脚本这三块只是部分但是花的时间较多其它代码不贴了有问题留言吧。