现在的位置: 首页 > 综合 > 正文

JQuery 实现多选 select 的增加与移除效果_Jian

2013年09月15日 ⁄ 综合 ⁄ 共 2163字 ⁄ 字号 评论关闭

Forward:

Jian 最近在做毕业设计

其中一个前台页面操作是点选某个 select 中 option 后可以添加到另一个 select 中

点选第二个 select 又可以将选中的 option 移除


 

Code:

不说其它了,还是直接贴代码吧

当然,得首先确保有正确的 js

 

 

 

 


Conclusion:

这里说明下,因为 Jian 的需求是:左侧的值是数据库中存储的,而且是对应不同分类有不同值,所以设计成为按钮禁用与激活的形式

有的 Demo 实现的效果是将左侧数据点击增加后,左侧中会移除,右侧添加

而右侧移除后,又会将数据还原为左侧

虽然 Jian 没有写这个效果,但是如果是静态数据的话应该不难

by the way, 填充数据时,option 的 value 与 text 属性可以自由设定,就不多说了


 

Confusion:

还是那个问题,如果是从数据库动态的数据,如何实现 左侧添加-->消失-->右侧移除-->还原 的效果

特别是,当左侧的 select 也是动态生成的,而且不止一个,那...

抱歉!评论已关闭.