select只读属性设置的常用方案
来源:互联网 发布:js按钮点击事件隐藏 编辑:程序博客网 时间:2024/06/05 20:20
因为Select下拉框只支持disabled属性,不支持readOnly属性,而在提交时,disabled的控件,又是不提交值的。现提供以下几种解决方案:
1.使用js文件
<select id="select">
<option>bbb</option>
<option>aaa</option>
<option selected>ccc</option>
</select>
<script type="text/javascript">
SetReadOnly(document.getElementById("select"));
function SetReadOnly(obj){
if(obj){
obj.onbeforeactivate = function(){return false;};
obj.onfocus = function(){obj.blur();};
obj.onmouseover = function(){obj.setCapture();};
obj.onmouseout = function(){obj.releaseCapture();};
}
}
</script>
2.使用jquery方式解决
$(function(){
$("select").attr("disabled", "disabled");
//如果和jquery1.6以上版本,可以使用以下语句:
$("select").prop("disabled", true);
});
3.页面载入时,设置只读,表单提交时移除disabled
//两种方法
$("#selectone").attr("disabled",true);
$("#selectone").attr("disabled","disabled");
//移除disabled
$("#selectone").attr("disabled",false);
$("#selectone").attr("disabled","");
$("#selectone").removeAttr("disabled");
- select只读属性设置的常用方案
- select 设置只读属性
- 设置列的只读属性
- 设置input的只读属性
- select设置只读
- c# 如何设置coboBox的只读属性
- 对指定的表设置只读属性
- html设置textarea的只读属性
- text和checkbox只读属性的设置
- PHP实现设置文本框的只读属性
- select 标签设置为只读
- select下拉框设置只读
- 设置 select 选中值只读的两种方法
- jQuery设置radio、select、checkbox只读属性后,如何在后台得到数据
- Javasciprt中设置编辑域只读属性的方法
- ADOQuery 未设置只读属性值 的问题。郁闷
- 在VC中,如何修改文件的只读属性设置
- 设置数据窗口中的某字段的只读属性
- bzoj3990 [SDOI2015]排序 dfs
- DOM表单的练习操作
- 栈的数组实现
- GATT Profile 简介
- js基础提高(一)超级详细
- select只读属性设置的常用方案
- 字符串替换之正则替换
- REST和RESTFUL简单说
- C++primer 第十五章笔记 初稿
- 【HDU
- react开发报错Use the prop-types package from npm instead.
- Pytorch 学习笔记之自定义 Module
- 让axios发送表单请求形式的键值对post数据
- CF 55D 离散化各个位数的倍数