码迷,mamicode.com
首页 > Web开发 > 详细

js解决下拉列表框互斥选项的问题

时间:2018-12-22 16:34:45      阅读:484      评论:0      收藏:0      [点我收藏+]

标签:注意   下拉   else   index   img   技术分享   若是   定义   com   

如图不区分选项与其他选项是互斥的关系,当选择了不区分时,其他选项就要去除,当有其他选项存在时,就不能有不区分

技术分享图片

解决办法:定义change事件,若列表发生改变,首先判断点击的是否是不区分,若是,则将其他选项剪切掉,若是点击的是其他选项,就判断已选择的选项中是否有不区分,若有,则将其切除

源码:

下拉列表框中定义事件:@change="handleSelectedChange"   //注:@=v-on
handleSelectedChange:function(value){
      if(value[value.length-1]=="不区分"){//如果点击的是不区分的选项,就将其他选项去除
        value.splice(0,value.length-1);
      }else if(value.indexOf("不区分")!=-1){//点击的是其他选项,若是内部含有不区分的选项,就将不区分的选项去除,注意这里的indexOf的O是大写的,真是烦人
        value.splice(value.indexOf("不区分"),1);//注意这里的indexOf的O是大写的,真是烦人
      }
    },

 

js解决下拉列表框互斥选项的问题

标签:注意   下拉   else   index   img   技术分享   若是   定义   com   

原文地址:https://www.cnblogs.com/MrZWJ/p/10161166.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!