day06【后台】两套分配/12-尚硅谷-尚筹网-Admin分配Role-执行分配-修正Bug

对，咱们要跑起来试一下啊。其实这里边儿呢，有一个在某种操作方式下，会有一种会有bug。啊，我们一会儿还得去看一下，有一个小坑啊。嗯。重新登录。过来哈，用户维护。过来这儿。我们去找这个叫就零这个呢，现在它是没有分配的。我们给它分配一下012。这个肉哈，过来。点一下保存。那么数据库里边这个这些个假数据，我们就先删掉它啊。现在里边是没有的。保存。过来这边刷新一下。啊，这是咱们ID11对应的是六，ID是123。

然后呢，我们再还是它。我们再重新点过来。把这几个呢去掉。哎，咱们然后换成这个345。再保存。过来一看呢？刷新。哎，456。这个是是对的啊，刚才是刚第一遍是这几个。012这几个，现在是345这几个啊，这ID是456和这个这个差一。哎，现在看是对的啊，现在看这个是对的，什么情况下会有不对呢。你看啊，我现在这个345这几个不动哈，我把这个十十一十二这几个呢给拿过来。注意了啊。我就在现在这个状态，我去保存，按说呢，应该是有这六个。啊，数据库里边应该是有这六个才对，但是呢。

点完以后我们来数据库里边看一下啊。诶，只有三个。为什么？哎，那么我们需要去看一下啊。F12。看一下他实际上他提交的这个数据。哎，这个大伙挺敏锐啊。嗯，31，三十二三十三。过来哈。然后呢，这。点保存。然后呢，看这个assign过来这。来看一下他提交的数据。他这些就不管了啊，这些就不管了，咱们就看这个。确实是，我们框框里面有六个，他只提交了三个。为啥只提交这三个呢？这三个有什么特殊的呢？

我们再看一下啊。40 41 42。看一下啊。我们是40 41 42这三个，大家观察观察啊，你说这几个有什么特殊的，为什么就只提交这几个。诶。现在这边是414243。那么我想大家应该能发现了。他提交的呢，只是。哎，这边你选中了。我们假设呢，咱们选这个就选42这一个哈。走，你。过来以后呢，来这儿看一下，确实是只有这一个。那么我们就知道这个问题在哪儿了。他提交呢，只提交你选中的。对，那么我们想想这事儿呢，也对。啊也对，因为人家这是一个下拉列表，下拉列表就是让你选的。

就是让你选中哪个，人家给你提交哪个没有错，人家这个浏览器这边正常就是这么工作的。那他如果说你这边这里边儿所有的，不管你选啥，他都给你提交这个，反而我们就我们还就纠结了。但只不过我们现在呢，我们的需求有点特殊，我们其实没选中的在这儿，我们选中的在这儿。哎，所以说在这儿我们得给它呃加工一下。这里边儿有一个小bug。也不叫，也可以说是小bug吧，哎，嗯。哎，我们说这个浏览器提交表单啊，它有这么一个操作。提交表单呢，他会去提交我们这个数据。但是呢，他默认只提交。

下拉列表，你好。列表中默认只提交被选中的option。但是我们要的是全部的。这里边我们要的是全部的。全部的option啊，就是已分配角色里边，我们要的是全部的。那这个时候呢，我们。嗯，就给他调整一下，怎么调整呢。点这个，嗯，点点这个提交按钮的时候。点这个提交按钮的时候。哎，给它在它的单机小函数里面。做一个事儿。哎，我把这里边儿全都给他选上，那么你正常还是提交你选中的不就得了吗。

哎，在这里边做这么一个操作。在小函数里边啊。嗯，把。已分配的option。全部。选中。哎，那么我们就能够去提交我们想要的了。这个问题就就解决了。哎，所以在这儿我们要做这么一个操作啊，得给这个单机小函数。呃，给这个提交按钮绑定个单函数。最后一句啊，这个是我们的一个，嗯。修正，修正一个bug。好，来，我们来写一下这个代码。

呃，这个叫三肉哈。哎，对，就在这里边。呃，提交按钮是在这儿。给他绑定单卡函数。给他来个ID吧。嗯，叫做。再问他八，哎，然后在这个里边呢。呃，要把我们已分配的全部选中，那其实就是其实就是这个哈。这里边儿的option。哎呦，设置它。把它全部选中，那就是设置它的。这个select selected这个属性。设置为selected。

啊，因为这个option呢，它里边本身有一个属性叫selected。把这个属性设置为这个值，就这个option呢，就能够默认被选中。啊，我们就我们用这块代码去给他做这么一个设置，它就选中了。哎，咱们试一下啊，试一下看看对不对。当然了，我们为了看这个效果呢，让这个提交表单呢，暂时先不要走。嗯。为了看到上面代码的效果。暂时。不让表单提交啊，一会儿确认没问题以后就把这个给朱市长。哎，嗯，拿过来哈，现在这儿只选了一个，我点一下。诶就都都选中了，然后后边正常的话，他一提交表单就行了啊。有了这个的话，这这时候我们就不怕了。哎，现在是一个。

我这边再拿过来三个，哎，哪怕我这里边儿，我就让他只选中一个啊，再一点保存。再过来就还是这么多啊，所以说这就是说我们用这种方法呢，把这个问题去解决一下。嗯，我们这加个注释哈，这个就是。在提交表单前把嗯已分配。你分配这个。你分配部分的option全部选中啊，就是做这么一个操作。呦呵呦呵，这个忘了停了。