2019獨角獸企業重金招聘Python工程師標準>>>

目的：三個select下拉框中的內容相同，當其中一個下拉框選中了其中一個值后，隱藏掉另外兩個下拉框中相同的值。

html:

<div?class="selectaccount"><h4?class="page_title"><?php?echo?Yii::t('manager',?'Select?Accounts');??></h4><select><option?value='select1'><?php?echo?Yii::t('manager',?'Select')??></option><?php?foreach?($accounts?as?$key?=>?$account)?:??><option?value='<?php?echo?$account['id'];??>'><?php?echo?$account['name'];??></option><?php?endforeach;??></select><select><option?value='select2'><?php?echo?Yii::t('manager',?'Select')??></option><?php?foreach?($accounts?as?$key?=>?$account)?:??><option?value='<?php?echo?$account['id'];??>'><?php?echo?$account['name'];??></option><?php?endforeach;??></select><select><option?value='select3'><?php?echo?Yii::t('manager',?'Select')??></option><?php?foreach?($accounts?as?$key?=>?$account)?:??><option?value='<?php?echo?$account['id'];??>'><?php?echo?$account['name'];??></option><?php?endforeach;??></select><button?class="btn"?id="compare"><?php?echo?Yii::t('master',?'Compare');??></button> </div>

js:

<script>//下拉框聯動互斥$('.selectaccount?select').change(function?()?{var?strchecked?=?new?Array();$('.selectaccount?select').each(function?()?{strchecked[$(this).index()]?=?$(this).val();});//console.log(strchecked);$(this).siblings().find('option').each(function?()?{if?(($(this).attr('value')?==?strchecked[0]?||?$(this).attr('value')?==?strchecked[1]?||?$(this).attr('value')?==?strchecked[2])?&&?($(this).index()?!=?0?&&?$(this).attr('value')?!=?$(this).parents('select').val()))?{$(this).hide();}?else?{$(this).show();}});}); </script>

轉載于:https://my.oschina.net/wsyblog/blog/666588

總結

以上是生活随笔為你收集整理的JQ实现三个Select下拉框互斥的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。