00:00
接着呢,我们来看一下练习几课类的练习啊。我们打开练习里面啊,看那个从左到右,从右到左的练习,我们先打开一个。OK,运行来大家看一下啊,什么是从左从右到左呢?来看我选中它。选中的添加到右边。是不是过去了,你你还可以继续选啊,你还可以多选是吧,都可以都可以过去,然后呢,你也可以全部点到到右边走,人家都过来了。不管你有几个啊,你看不管你有几个都过来了。那么你也可以删除回到左边,就选中回到左边了吧。回到左边来看了啊,这个呢是全部上热到左边,你看就都过去了。哎,这个就相互的移动这个选项啊,那我们来看看怎么做,那么。
01:01
把这个东西都关掉,我们打开带有这个下划线的,下划线的是空白的,留给我们去做的哈,那么现在看看这个页面,你会发现这个页面其实很简单,就两个下拉列表,看见吗?啊,你看这是一个下拉列表多选的,这也是一个下拉列表多选的,只不过他现在空了吗?并且呢,附带四个按钮,四个按钮就是我们刚刚演示的功能嘛,啊好,我们先从第一个按钮开始,第一个按钮是谁呢?我先运行一下。就这个把选中了添加到右边,那么大家试想一下啊,我先给他把它当事件啊。好走页面完成之后啊,加载完了之后。然后呢,我给它绑上单机事件,怎么绑方成eq0.click。翻身第一个按钮,第一个按钮是啥呀,就选中呢,添加到右边。
02:09
好小点那个右边,那么我们稍微想想啊,也就是他我点击它的时候,它要干什么事情。他是不是把这个放到这边来,也就是说比如说我选到这个三,我是不是把这个三注意看走放到这里面来一样啊,是这个效果吧,那这个操作是不是刚好就是刚刚那个a pen处还记得吗?是不是成为最后一个自函数它就进来了呀?好,那我恢复一下,那基本上就得怎么办呢?我得先找到第一个下列表框当中选中了这个option嘛,然后给它调用你看啊点。我判断to是不是这个方法呀,哎,这边是右边的。能理解吧,这什么左边选选中的option。
03:10
对吧,这就是思路嘛,对吧,那么然后我们看看左边这个选中的option怎么写啊。到乐符,然后怎么办?大家看一下啊,我们先找到select第一个他们的name是不是不同啊,你用name进行过滤也行,或者说是你用select eq0是不是也可以,都可以能理解吗?啊,你只能查到就行,然后空格我要它的后代option,并且我是不是只要选中的。好这样就可以了,这边那个呢,是右边的select。Select,然后EQ1是吧,就好了,前面是选中的第一个里面选中的。这边呢,是右边那个下拉列表,那我们刷新一下走,你过去你过去你过去看见了吧,就可以了,可以了,那下面这个呢,下面这个就是不关心的,选中不选中全部过去啊对吧?好,我们给这个按钮啊,再复制一份啊,绑上当事件这第二个按钮。
04:27
啊,就不用选中,就是全部添加到右边,那全部添加到右边的话,注意这个地方selected的过滤是不是不用加多过滤就行了。都过去哈,你过去。看见吧,好,那你觉得这两个按钮呢,是不是反向操作就可以啊,就你把那个下拉列表换下就行了,好来我们再加一个按钮哈,我把这个拿过来。这是第三个按钮,选中添加或者是删除,它就应该是删除是吧,选中删除到左边,那删除就删除吧。
05:08
好,这个呢,是第三个按钮,然后我们说他们是不是倒一下就行,能看懂吗?我找第二个下拉列表里面的option,只要选中的是不是回到第一个里面来,就这样子反过来嘛,啊反过来你过去你回去你们俩回去就这样,那下面这个呢,下面这个是不是一样,对我我我不要检查这个选重的意思啊,对吧,不过滤就行是吧。好,那这是第四个啊,你只要会做一个就差不多了啊,然后这是三,然后这是不要过滤是吧,完事了完事了啊好。来,咱们刷新你过去你回来是吧,你都过去,你全回来还挺有意思是吧,点一听,哈哈。
我来说两句