select標籤中設定唯讀幾種解決方案

2022-07-23 07:39:10 字數 615 閱讀 3685

需求:唯讀但需要傳遞到後台。

readonly 設定對select標籤無效!

方式一、直接在標籤中用js方法設定不可變更(推薦)

方式二、先利用disabled 屬性顯示,但需要在表單提交前移除disabled屬性。否則無法向後台傳遞該引數

pid"readonly="readonly" disabled="

disabled

" /> //

用此方法時,提交表單前移除disabled屬性,$("#pid").removeattr("disabled");

方式三、點選觸發js事件時禁用

//點選時觸發禁用

$(function());   

}

方式四、利用disabled 和 隱藏的輸入框來傳值(推薦)

"

pid" value="

真實需要傳遞的引數值

" type="

hidden

"class="

hidden

" >

select設定唯讀

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

html中select唯讀顯示

因為select下拉框只支援disabled屬性,不支援readonly屬性,而在提交時,disabled的控制項,又是不提交值的。現提供以下幾種解決方案 1 在html中使用以下 在select外層加1個span,通過js控制。這種設定的不足之處是ie瀏覽器相容,firefox及其他不相容.0 1...

select唯讀屬性設定的常用方案

因為select下拉框只支援disabled屬性,不支援readonly屬性,而在提交時,disabled的控制項,又是不提交值的。現提供以下幾種解決方案 1.使用js檔案 bbbaaaccc 2.使用jquery方式解決 function 3.頁面載入時,設定唯讀,表單提交時移除disabled ...