开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >Jquery控制input与selected

Jquery控制input与selected

作者头像

WindCoder

发布于 2018-09-20 11:24:08

1.3K0

发布于 2018-09-20 11:24:08

举报

文章被收录于专栏：WindCoderWindCoder

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的区别

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2016-01-15，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

input
- 1、禁止写入，即只读
- 2、解除禁止写入，即可写入
select
- 1、禁止操作，即只读
- 2、解除禁止操作
- 2、选中某值
- 参考资料
- 推荐资料