根據需求,需要根據後台傳來的引數,動態設定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...