html中select唯讀顯示

2021-09-01 20:26:02 字數 1010 閱讀 1162

因為select下拉框只支援disabled屬性,不支援readonly屬性,而在提交時,disabled的控制項,又是不提交值的。現提供以下幾種解決方案:

1、在html中使用以下**,在select外層加1個span,通過js控制。這種設定的不足之處是ie瀏覽器相容,firefox及其他不相容..

0

1

2、使用js檔案,這種方法的不足之處和第一種一樣。

aaa

3、使用jquery方式解決。

$(function());
4、先將select的屬性設定為

disabled

="disabled"

然後在提交表單的時候使用disabled置為空。

補救辦法:

black

darkcyan

darkred

darkmagenta

black

darkcyan

darkred

darkmagenta

其中 main.css 如下所示:

option.selected
其他改變樣式,使用css改變文字顏色

用 css 定義文字顏色如下**所示:

black

darkcyan

darkred

darkmagenta

black

darkcyan

darkred

darkmagenta

5、使用隱藏域,在select下面設定隱藏域,顯示的時候disabled,提交的時候提交隱藏域中的值。

12

還有下面的一種情況,頁面資料太多,處理時間較長

html中select的隱藏和顯示

在html中有一種情況,如果使用者想隱藏現有頁面的下拉框 但是問題是,當前頁面的下拉框預設的有隱藏和顯示的,那麼面對這種情況可能是很多人都會想到有乙個iframe來覆蓋這些下拉框,這樣就也了啊,可是這個是可以解決當前的問題了,可是這個好像不是最終的方案了,以下是乙個顯示和隱藏下拉框的簡單demo,看...

select設定唯讀

根據需求,需要根據後台傳來的引數,動態設定select標籤是否可以選擇,因此,當判斷某個select應當設為唯讀時,使用 id attr disabled disabled 來設定。但是,這樣設定有乙個問題,標籤被設定為唯讀之後,submit時將跳過這一標籤,後台會取不到它的值。要想設定唯讀的同時,...

layui table中select顯示優化

專案中經常用到table和select的情況,每次都會遇到select顯示不全或者隱藏的問題,今天記錄下解決方案 初始化 後 select 無法正常顯示,如下 1 我們增加一行樣式 layui table cell效果如下 雖然select功能可以使用了 但是還是很彆扭 那麼我們繼續優化 2 繼續追...