简单实现jQuery级联菜单

本文实例为大家分享了jQuery实现级联菜单的具体代码，供大家参考，具体内容如下

层叠样式表：按钮{ border: 1px ridge # ffffff行高：18 px高度： 20像素宽度： 45px衬垫-顶部： 0px背景# cbdaf 7 color : # 000000 font-size : 9 pt；} HTML正文：

div style='border:1px虚线# E6E 6；余量：150px 0px 0px 450px宽度宽度：280像素高度：200 px背景色-: # E6E 6；'表格宽度='285 '高度='169 '边框='0 '对齐='左'单元格填充='0 '单元格间距='0 '样式='边距336015 px 0px 15px'trtd width=' 126 ' select name=' first ' size=' 10 ' multiple=' multiple ' class=' td3 ' id=' first '选项值='选项1'选项1/optionoption value='选项2'选项2/optionoption value='选项3'选项3/optionoption value='选项4'选项4/optionoption value='选项5'选项5/option/select/tdtd width=' 69 ' valign=' middle '输入名称=' add ' id=' add ' type=' button ' class=' button ' value='-'/输入名称=' add _ all ' id=' add _ all ' type=' button ' class=' remove ' id=' remove ' type=' button ' class=' button ' value='-'/input name=' remove _ all ' id=' remove _ all ' type=' button ' class '选项6'选项6/选项/选择/td/tr/tableJavascript操作代码：

$(文档)。ready(function(){$('#add ')).单击(function(){ $(' # first options : selected ').appendTo($(' # second '))；});$('#add_all ').单击(function(){ $('#first option ')).appendTo($(' # second '))；});$('#remove ').单击(function(){ $(' #第二个选项：被选中').appendTo($(" # first "))；});$('#remove_all ').单击(函数(){ $(' #第二个选项')).appendTo($(" # first "))；});});效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。