jQuery学习(七)——使用JQ完成下拉列表左右选择

1、需求:实现以下功能
jQuery学习(七)——使用JQ完成下拉列表左右选择
文章图片

2、步骤分析:
第一步:确定事件(鼠标单击事件click)
第二步:获取左侧下拉列表被选中的option($(“#left option:selected”)) [假设左侧select定义了一个id=left]
第三步:将获取到的option添加到右侧的下拉列表中去。(append方法的使用)
3、具体代码实现:

1 2 3 4 5下拉列表左右选择 - 锐客网 6 7 25 26 27 28 29 32 35 36 37 40 43 44 45 48 69 70 71 74 75
30分类名称 31 33 34
38分类描述 39 41 42
46分类商品 47 49 50已有商品
51 56> >
57> > >
58
59 60未有商品
61 65< <
66< < <
67
68
72 73
76 77

在谷歌浏览器内运行,就能实现需求中所要的功能。
【jQuery学习(七)——使用JQ完成下拉列表左右选择】转载于:https://www.cnblogs.com/cxq1126/p/7429636.html

    推荐阅读