1. 程式人生 > >如何設置select下拉禁止選擇

如何設置select下拉禁止選擇

val asc round 問題 mic ack 灰色 har ava

如何設置select下拉禁止選擇

1、問題背景

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

2、問題實現

(1)只禁止

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>如何設置select下拉禁止選擇</title>
		<script src="../js/jquery-1.12.4.js"></script>
		<script
>
$(function(){ }); </script> </head> <body> <select id="sel" style="width: 200px; " disabled="disabled"> <option value="1">項目經理</option> <option value="2">總經理</option> <option value="3">技術經理</option> <option value
="4">
部門經理</option> </select> </body> </html>

(2)禁止且顏色為灰色

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>如何設置select下拉禁止選擇</title>
		<script src="../js/jquery-1.12.4.js"></script>
		<script>
			$(function
()
{ });
</script> </head> <body> <select id="sel" style="width: 200px; background-color: #EEEEEE;" disabled="disabled"> <option value="1">項目經理</option> <option value="2">總經理</option> <option value="3">技術經理</option> <option value="4">部門經理</option> </select> </body> </html>

3、問題說明

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


再分享一下我老師大神的人工智能教程吧。零基礎!通俗易懂!風趣幽默!希望你也加入到我們人工智能的隊伍中來!http://www.captainbed.net

如何設置select下拉禁止選擇