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

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

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

通过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。
多个select下拉框,选中当前某一项,其他下拉框去掉选中的值_第3张图片

方法二:

多个select下拉框,选中当前某一项,其他下拉框去掉选中的值_第4张图片
通过change改变事件来获取选中的值_thisVal,
$(this).parent().siblings(“p”).find(“option[value=”+_thisVal+"]").hide();
将同类p标签的选中的值_thisVal隐藏
将同类p标签的oldVal值隐藏
更新声明的值

你可能感兴趣的:(JavaScript)