关于selecte多选列表的使用，关于prop和attr

我使用了select多选列表，

三个多选列表，

第一个是“待选列表”，第二个是“已选列表”，第三个是“全部列表”，且已选列表的项目，在“全部列表”是高亮显示。

一开始，选择“待选列表”中的项目并移动到“已选列表”中去后，“全部列表“的项目可以正常显示”已选列表“的项目。

但是，将”已选列表“中的项目移除（移回待选列表”），再从“待选列表”中的项目到“已选列表”中去后，就显示不正确了。

而通过chrom的页面元素查看，明明该项目的option是”selected“。

这个问题困扰了我好久好久。。。。

直到看到了”prop使用于固定属性，selected就是select下拉框的固定属性。attr适用于自定义属性。“这个说法。

我以前听慕课网的课的时候，老师讲过，”prop"和"attr"基本可以通用，一个不行，就换另一个试试。。。。早该想到的。

将javascript中操作select的option属性的方法从attr换成prop就可以了。

$("#roleUserList option[value='xxx']").prop("selected", false);

特此笔记。

叨叨

2019.02.28

 

这里存在bug，将“待选用户列表”的数据全部移到“”，“全部用户列表”OK，但移回以后再做，“全部用户列表”就无法正确显示了。