Jquery控制input与selected

input

1、禁止写入，即只读

function isreadonly(name){
	$("#"+name).attr("readonly",true);
	$("#"+name).css("backgroundColor","#EBEBEB");
}

原理：设置input的readonly属性为true。

2、解除禁止写入，即可写入

function readwrite(name){
    $("#"+name).attr("readonly",false);
    $("#"+name).css("backgroundColor","#ffffff");
}

原理：设置input的readonly属性为false。

拓展

input中也可以使用disabled代替readonly。

区别：

当以form表单提交，diabled时无法获取数值，readonly可以获取到数值。

使用jquery的$(tag).val()时均可获取值。

select

<select class="selector"></select>

1、禁止操作，即只读

$(".selector").attr("disabled","disabled");

2、解除禁止操作

$(".selector").removeAttr("disabled");

2、选中某值

如选中第一个option:

$(".selector option").eq(0).attr("selected",true);

参考资料

用jquery如何让select选中某值 [问题点数：40分，结帖人yozoh_]

jquery操作select详解(取值,设置选中)

推荐资料

HTML <input> 标签的 disabled 属性

HTML <input> 标签的 readonly 属性

HTML <select> 标签的 disabled 属性

表单中Readonly和Disabled的区别