下拉框實現唯讀狀態

2021-08-02 22:05:54 字數 418 閱讀 7313

設定為唯讀狀態有幾種方式

1.readonly 

2.disabled 但是不能把資料提交到後台

以上2種方法只適用於輸入框,

下來框唯讀狀態

沒有設定為唯讀的屬性,所以只能用js實現了,下邊是在網上找的方法

οnfοcus="this.defaultindex=this.selectedindex;" οnchange="this.selectedindex=this.defaultindex;"

分為2步:

1. onfocus: 當下拉框獲得焦點,則觸發該事件,將下拉框選中的index設定為預設index。(也就是初始值)

2. onchange: 當我們選擇其他下拉框的值使下拉框當前值改變,那麼就把預設index設定為選中的index (也就是實現了不能改變初始值,間接實現唯讀)

用js設定下拉框為唯讀

在專案開發過程中我們時常會碰到要設定下拉框為唯讀 readonly 但是可惜的是select沒有唯讀屬性,所以需要在select外面包含乙個span,通過js來改變。下面這段html 是在struts2的下拉標籤中加入了span標籤,在頁面裝載的時候就讓下拉框變成不可讀。如下是js 在init方法中...

實現select下拉框readonly

最近在專案裡面有乙個編輯頁面,一部分人可以編輯,一部分人只能檢視,所以想實現只能檢視的人 不能修改,已辦的input和textarea 都有readonly屬性,但是select卻不行,在國內看了一些帖子的方案是 onbeforeactivate return false nf cus this.b...

MVC 實現下拉框

mvc動態實現下拉框的方式有很多種,但是方便快捷的卻是很少,現在記錄一種常用的下拉框實現方式 1.先看看檢視 是怎麼寫的 這是乙個下拉框 html.dropdownlist selectroleid viewdata rolds as selectlist,請選擇 new 從上 可以看出html自帶...