教程集 > 脚本编程 > javascript > 正文 javascript二级联动多选菜单实现程序

javascript二级联动多选菜单实现程序

发布时间：2016-10-16 编辑：jiaochengji.com

教程集为您提供javascript二级联动多选菜单实现程序等资源，欢迎您收藏本站，我们将为您提供最新的javascript二级联动多选菜单实现程序资源

这种效果算是在左边的要选择的内容，然后可增加或删除到右边的select中哦，这个我们在分类信息站会常碰到这种效果。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > <title>宇哥作品——二级联动多选菜单</title><script language="JavaScript"> //省市二级联动菜单开始 function Dsy() { this.Items = {}; } Dsy.prototype.add = function(id,iArray) { this.Items[id] = iArray; } Dsy.prototype.Exists = function(id) { if(typeof(this.Items[id]) == "undefined") return false; return true; } function change(v){ var str="0"; for(i=0;i<v;i ){ str =("_" (document.getElementById(s[i]).selectedIndex-1));}; var ss=document.getElementById(s[v]); with(ss){ length = 0; options[0]=new Option(opt0[v],opt0[v]); if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v) { if(dsy.Exists(str)){ ar = dsy.Items[str]; for(i=0;i<ar.length;i )options[length]=new Option(ar[i],ar[i]); if(v)options[1].selected = true; } } if( v <select name="lz_sx" size="10" id="s2" style="min-width:150px;"> <option></option> </select> <script language="javascript"> setup() function add(){ var lz_sf=document.getElementsByName("lz_sf")[0].value; var lz_sx=document.getElementsByName("lz_sx")[0].value; var ss=lz_sf " - " lz_sx; var select = document.getElementById('city'); //看情况开启，控制总共添加的数据条数 if(select.length>5) { alert("亲,您最多只能添加5个！o(∩_∩)o "); return false; } for(var i=0;i<select.length;i ) { if(select[i].innerHTML==ss){ alert("亲，这个您已经添加过了！o(∩_∩)o "); return false; } } //创建新的 <select name="city" id="city" size="10" style="min-width:150px;"> <option disabled="disabled">您所选择的城市</option> </select> </body> </html> </textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jquery 无限级联菜单案例分享
 jquery 利用show和hidden实现级联菜单示例代码
 ASP.NET控件利用Control.ContextMenu加入快捷菜单
 学习从实践开始之jQuery插件开发菜单插件开发
 基于jquery的二级联动菜单实现代码
 JavaScript＋PHP应用一：网页
 jQuery菜单插件 Smooth Navigational Menu
jquery 实现二级/三级/多级联动菜单的思路及代码
 横向javascript下拉二级菜单效果
 用PHP实现多级树型菜单

上一篇：jquery 实现二级导航条效果下一篇：CSS实现带小箭头二级下拉导航菜单

[关闭]

javascript二级联动多选菜单实现程序

最近更新

浏览排行