select設定唯讀

2021-08-02 18:55:12 字數 780 閱讀 8463

根據需求,需要根據後台傳來的引數,動態設定select標籤是否可以選擇,因此,當判斷某個select應當設為唯讀時,使用

$(

'#id').attr("disabled","disabled");

來設定。

但是,這樣設定有乙個問題,標籤被設定為唯讀之後,submit時將跳過這一標籤,後台會取不到它的值。

要想設定唯讀的同時,允許後台取到標籤的值,如果時input標籤,可以使用如:

$(

'#id').attr("readonly","readonly");

的語法。

但是,select標籤原先就是readonly屬性的,因此,這樣設定之後,還是可以修改選中項。因此,後面改了用另外乙個投機取巧的方法:

載入頁面時,給需要設為唯讀的標籤新增disabled屬性:

//兩種方法設定disabled屬性 

$('#id').attr("disabled",true);

$('#id').attr("disabled","disabled");

在submit表單之前,再將標籤的disabled屬性移除:

//三種方法移除disabled屬性 

$('#id').attr("disabled",false);

$('#id').removeattr("disabled");

$('#id').attr("disabled","");

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

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

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

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

html中select唯讀顯示

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