Jquery控制input与selected

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_ _40_yozoh]

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

推荐资料

HTML 标签的 disabled 属性 HTML 标签的 readonly 属性 HTML

本文采用 CC BY-NC-SA 4.0 许可,转载请注明出处与作者。

支持一下

如果这篇文章对你有帮助,欢迎打赏或分享。

打赏支持

评论