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

2021-08-04 06:40:01 字數 470 閱讀 7934

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

1.使用js檔案

bbbaaaccc

2.使用jquery方式解決

$(function());

3.頁面載入時,設定唯讀,表單提交時移除disabled

//兩種方法

$("#selectone").attr("disabled",true);

$("#selectone").attr("disabled","disabled");

//移除disabled

$("#selectone").attr("disabled",false);

$("#selectone").attr("disabled","");

$("#selectone").removeattr("disabled");

select設定唯讀

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

前端頁面設定唯讀屬性元件

前端頁面中,有時需要頁面某些元素,或者整個頁面唯讀顯示,如果用js 逐個來實現,量非常多,我們可以用通用的 來解決。1.引入jquery元件 2.唯讀方法的js 如下 設定頁面中相應標記引數下的所有控制項 如input text select等 為唯讀 function setreadonlyall...

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

需求 唯讀但需要傳遞到後台。readonly 設定對select標籤無效!方式一 直接在標籤中用js方法設定不可變更 推薦 方式二 先利用disabled 屬性顯示,但需要在表單提交前移除disabled屬性。否則無法向後台傳遞該引數 pid readonly readonly disabled d...