Web笔记 ·

Jquery控制input与selected

input

1、禁止写入,即只读

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

原理:设置inputreadonly属性为true。

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

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

原理:设置inputreadonly属性为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的区别

参与评论