jQuery学习(七)——使用JQ完成下拉列表左右选择
1、需求:实现以下功能
文章图片
2、步骤分析:
第一步:确定事件(鼠标单击事件click)
第二步:获取左侧下拉列表被选中的option($(“#left option:selected”)) [假设左侧select定义了一个id=left]
第三步:将获取到的option添加到右侧的下拉列表中去。(append方法的使用)
3、具体代码实现:
1 2 3 4 5下拉列表左右选择 - 锐客网 6 7 25 26 2728
76 7729 3630分类名称 31 3233 34 3537 4438分类描述 39 4041 42 4345 7046分类商品 47 4849 50已有商品 69
51 56> >
57> > >
58 59 60未有商品
61 65< <
66< < <
67 6871 7572 73 74
在谷歌浏览器内运行,就能实现需求中所要的功能。
【jQuery学习(七)——使用JQ完成下拉列表左右选择】转载于:https://www.cnblogs.com/cxq1126/p/7429636.html
推荐阅读
- 七年之痒之后
- 由浅入深理解AOP
- 七老修复好敏感、角质层薄、红血丝
- 迷失的世界(二十七)
- 七律.岭南骨科康复联谊有感
- 继续努力,自主学习家庭Day135(20181015)
- python学习之|python学习之 实现QQ自动发送消息
- 事件代理
- 一起来学习C语言的字符串转换函数
- (七)谈条件