Web笔记··By/蜜汁炒酸奶

Jquery控制input与selected

input

1、禁止写入,即只读

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

原理:设置inputreadonly属性为true。

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

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

原理:设置inputreadonly属性为false。

拓展

input中也可以使用disabled代替readonly。 区别: 当以form表单提交,diabled时无法获取数值readonly可以获取到数值。 使用jquery的$(tag).val()均可获取值**。**

select

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

1、禁止操作,即只读

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

2、解除禁止操作

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

2、选中某值

选中第一个option:

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

参考资料

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

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

推荐资料

HTML 标签的 disabled 属性 HTML 标签的 readonly 属性 HTML <select> 标签的 disabled 属性

表单中Readonly和Disabled的区别

预览
Loading comments...
0 条评论

暂无数据

example
预览