如何設定select下拉禁止選擇

阿新 • • 發佈：2018-12-18

如何設定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下拉禁止選擇

如何設定select下拉禁止選擇 1、問題背景設定select下拉框不能選擇，利用disabled="disabled"，但是顏色且顯示白色，容易引起使用者誤解 2、問題實現（1）只禁止 &nb

如何設置select下拉禁止選擇

val asc round 問題 mic ack 灰色 har ava 如何設置select下拉禁止選擇 1、問題背景設置select下拉框不能選擇，利用disabled="disabled"，但是顏色且顯示白色，容易引起用戶誤解 2、問題實現（1）

如何設定Select下拉選擇框(選單)的樣式

增加CSS樣式： <style type="text/css">.select{border:1px #004080 solid;float: left;}.select div{border:1px #efefef solid;float: left;}.s

select 下拉列表選擇框效果及美化（before 和 after偽元素的妙用）

color dem cti relative ccs ota otto center round 參考博客：https://github.com/chokcoco http://www.cnblogs.com/libin-1/p/5766

select 下拉列表選擇框效果及美化（before 和 after偽元素的妙用）

參考部落格：https://github.com/chokcoco http://www.cnblogs.com/libin-1/p/5766729.html http://www.cnblogs.com/coco1s/p/5667853.html http://sbco.cc/magicCss/

jquery 獲取和設定 select下拉框的值

$("#select_id").append("<option value='Value'>Text</option>"); //新增一項option $("#select_id").prepend("<option value='0'>請選擇</option&

js模擬設定select下拉框高度

<select id="province" style="position: absolute;z-index: 1;" onmousedown="if(this.options.length>3){this.size=4}" onblur="this.si

jquery判斷input checkbox是否選擇 select下拉列表選擇的value

var checkInput = $(".check_input").is(':checked'); //true 選擇 false 未選擇 var select_type = $('.select_type').val(); //value值

關於select下拉框選擇觸發事件

我一直以來都認為，select 下拉框選擇對選項 options 使用 onclick 註冊事件即可，如下： <select> <option value="0" onclick="func(0)">選項一</option>

Layui：設定select下拉框自動選中某項

1. 需求場景分析使用者需要更改某一項活動的資訊，活動資訊中包含需要用下拉框選擇的欄位A。在使用者點選進行修改彈出對話方塊的瞬間需要填補已有的活動資訊，自動選擇欄位A已經存在的值。 2. Layui的select下拉框是怎麼實現的為了獲得一個select標配的下拉框

jQuery選擇器----------jquery實現select下拉框的取值與賦值，設定選中的方法大全

// 1.判斷select選項中是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.opt

Web前端：如何實現選擇select下拉框選中跳轉其他頁面

option chang 前端實現 cati onchange 下拉框選中 b- class <select onchange="window.location=this.value;"><option value="a.html">用戶管理<

Select下拉選擇框

tex max 下拉選擇框 query move size nbsp 獲取位置 var checkText=$("#select_id").find("option:selected").text(); //獲取Select選擇的Text var checkVal

select下拉不顯示請選擇

ble selected 不顯示 sel spa style afa markdown play 請選擇 1 2 3 4 <select > <option disabled style="display: none" selected

bootstrap select 下拉框沒選擇

itl boot span att 解決時也 tle spa sele 情況：根據取得的值去選定select下拉框的選項。但不知為何每次根據select的id傳遞值過去了，也能取得對應的值，但是頁面上的select依然是下拉框第一個選項，但點擊下拉框時，會在對應的值有特殊

select下拉選擇框實現迴圈遍歷資料庫

<select class="form-control input-medium" id="organ"> <option value="">所屬部門</option> <c:forEach var="organ"

vue對select下拉框賦初值後，不能進行選擇的問題

Vue使用elementUI的select選擇器出現的問題：初始化賦值後，無法更改label值，資料已經改變，但UI樣式為未變原因：由於對此物件做了一些處理（將物件的鍵全部轉換成小寫），改變了物件的鍵和值，但是由於Vue檢測不到物件的變化，導致這個

layui select下拉選單自動選擇問題(回選)

layui自動生成的格式,不能用之前的JQ方式來實現select下拉選單自動選擇功能 layui select的格式: 下面這個框裡面的dl-dd是layui自動生成的,也就是關鍵所有,看下具體的結構圖: //選擇需要選中的物件 var select = '

select下拉框高度解決辦法，設定預設顯示幾個

自己筆記，防止忘記 <select class="form-control" data-edit-select="1" id="add_categoryId" name="categoryId" onmousedown="if(this.options.length&

類似ios select下拉選擇框的實現

select下拉選擇標籤在移動端是很常用的，但是不同的瀏覽器展示的效果都不一樣，其中iOS中的效果還是令人比較滿意的，所以產品設計往往給出這樣的一種設計。。百度中這種外掛也比較多，比較複雜，最近整理了一下。實現效果：原理： 1。定義每行的高度是40

如何設定select下拉禁止選擇

相關推薦