如何設定select下拉禁止選擇

2021-08-30 11:08:44 字數 1235 閱讀 4032

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!

如何設定select下拉禁止選擇

1、問題背景

設定select下拉框不能選擇,利用disabled="disabled",但是顏色且顯示白色,容易引起使用者誤解

2、問題實現

(1)只禁止

charset="utf-8">

如何設定select下拉禁止選擇title>

src="../js/jquery-1.12.4.js">

script>

$(function());  

script>

head>

id="sel"

style="width: 200px; "

disabled="disabled">

value="1">專案經理option>

value="2">總經理option>

value="3">技術經理option>

value="4">部門經理option>

select>

body>

html>

(2)禁止且顏色為灰色

charset="utf-8">

如何設定select下拉禁止選擇title>

src="../js/jquery-1.12.4.js">

script>

$(function());  

script>

head>

id="sel"

style="width: 200px; background-color: #eeeeee;"

disabled="disabled">

value="1">專案經理option>

value="2">總經理option>

value="3">技術經理option>

value="4">部門經理option>

select>

body>

html>

3、問題說明

利用disabled="disabled"和background-color進行對select下拉框設定,這樣才顯示被禁止操作

給我老師的人工智慧教程打call!

如何設定select下拉禁止選擇

如何設定select下拉禁止選擇 1 問題背景 設定select下拉框不能選擇,利用disabled disabled 但是顏色且顯示白色,容易引起使用者誤解 2 問題實現 1 只禁止 如何設定select下拉禁止選擇title script function script head 專案經理opt...

如何設定select下拉列表框的跳轉超級鏈結

如何設定select下拉列表框的跳轉超級鏈結 請選擇站點 河南省人民醫院 選擇 東軟集團 醫療系統 it教育與培訓 顯然我那樣寫是有錯誤的,沒有指令碼語言無法實現自動跳轉。於是我進行修改,如下 請選擇站點 河南省人民醫院 http www.zzwy.com 鄭州市第五人民醫院 http www.zt...

設定select下拉框不能選擇

設定select下拉框不能選擇,利用disabled disabled 很多人都認為設定disabled true 是為啟用,設定為 false 時為禁用,這是錯的。只要元素裡面設定了disabled 不管裡面為什麼都為禁用。所以原生設定 啟用 dom.setattribute disabled d...