將select下拉框中的非預設選項均置灰

2021-07-27 17:33:08 字數 858 閱讀 9270

需求如下:

分公司名稱下拉框中的內容是單位所有分公司名稱列表。由分公司管理人員的賬號登陸系統後,下拉框中的選項,除去本分公司名稱外,其餘選項均置灰不可選擇。

使用js完成這個需求:

//將所有非預設值的選項置灰

function

selectit

(e) else

} //防止disable標籤瀏覽器不相容

//如果選中disabled項,回滾到預設值

if(e.options[e.selectedindex].disabled)

}}

在jsp中這樣使用:

"bordepartment" id="bordepartment"  onclick="selectit(this)">

value="福建區">福建區option>

value="江蘇區">江蘇區option>

value="江西區">江西區option>

value="安徽區">安徽區option>

value="貴州區">貴州區option>

value="湖南區">湖南區option>

value="雲南區">雲南區option>

value="北京區">北京區option>

value="四川區">四川區option>

value="河南區">河南區option>

value="廣東區">廣東區option>

value="重慶區">重慶區option>

value="甘肅區">甘肅區option>

value="廣西區">廣西區option>

select下拉框預設選擇

select標籤構成的下拉框和jquery通過js構建的下拉框用法一樣。例如 html下拉框 啟用 停用 js控制的下拉框 editdisplayname combobox 兩者的本質是相同的,但是,select標籤建立的下拉框會預設選中第乙個選項。而js控制的下拉框預設是不會選中任何選項的。當然s...

select獲取下拉框的值 下拉框預設選中

本文主要介紹select下拉框的相關方法。1.通過id獲取下拉框的value和文字值 例如 數字1數字2 numbers option selected val 獲取到下拉框被選中的optionde value值 2 numbers option selected text 獲取到下拉框被選中的op...

下拉框處理(select)

在ui自動化測試過程中,經常會遇到一些下拉框,我們有三種可選方式來操作下拉框。第一種方法 基於webdriver的兩次click,很容易出現問題,不建議使用。由於部分下拉框在點選一次後,失去焦點再點下一次時可能下拉框中的引數就消失了,那麼就無法進行選擇了,所以會出現無法定位到目標元素或目標元素不可見...