多个select下拉框,选中当前某一项,其他下拉框去掉选中的值

多个select下拉框,选中当前某一项,其他下拉框去掉选中的值

开发工具与关键技术:DW、JavaScript
作者:刘东标
撰写时间:2019-03-06
效果图片:
在这里插入图片描述
具体内容:(详细到每一步操作。)
1、多个select下拉框,选中当前某一项,其他下拉框去掉选中的值
方法一:
在这里插入图片描述

通过change改变事件来获取选中的值,
第一种情况:首先判断上一次选中的值oldvalue是否为零,如果为零的话,执行else,在每一个当前选中的值option外面添加other标签,更新声明的值,if再判断多个select下拉框,选中当前某一项是否有value =0的值,有的话return false,没有的话,在每一个当前选中的值option外面移除other标签的oldvalue。
第二种情况:首先判断上一次选中的值oldvalue是否为零,如果不为零的话,执行if,判断当前选中的值currentvalue是否为零,如果为零的话,执行if, 再判断多个select下拉框,选中当前某一项有value =0的值,在每一个当前选中的值option外面移除other标签的oldvalue,更新声明的值, return false。
第三种情况:首先判断上一次选中的值oldvalue是否为零,如果不为零的话,执行if,判断当前选中的值currentvalue是否为零,如果不为零的话,执行else, 在每一个当前选中的值option外面添加other标签的currentvalue,在每一个当前选中的值option外面移除other标签的oldvalue。 if再判断多个select下拉框,选中当前某一项是否有value =0的值,有的话return false,没有的话,在每一个当前选中的值option[value=0]外面移除other标签的oldvalue。
在这里插入图片描述

方法二:


通过change改变事件来获取选中的值_thisVal,
$(this).parent().siblings(“p”).find(“option[value=”+_thisVal+"]").hide();
将同类p标签的选中的值_thisVal隐藏
将同类p标签的oldVal值隐藏
更新声明的值

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值