因為select下拉框只支援disabled屬性,不支援readonly屬性,而在提交時,disabled的控制項,又是不提交值的。現提供以下幾種解決方案:
1、在html中使用以下**,在select外層加1個span,通過js控制。這種設定的不足之處是ie瀏覽器相容,firefox及其他不相容..
0
1
2、使用js檔案,這種方法的不足之處和第一種一樣。
aaa3、使用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 繼續追...