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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏游戏杂谈

Chrome滚动条透明的问题

在做一个小应用的时候,给一个面板设置了透明度(opacity:.9),在浏览页面的时候,发现滚动条居然透明了,如下图所示:

2291
来自专栏吾爱乐享

php学习之html–精彩回顾(七)

1543
来自专栏Python小屋

Python爬虫基础:常用HTML标签和Javascript入门

大部分HTML标签是闭合的,由开始标签和结束标签构成,二者之间是要显示的内容,例如:<title>网页标题</title>。也有的HTML标签是没有结束标签的,...

1551
来自专栏React Native开发圈

React Native 截屏组件

截取当前屏幕,跟系统自带的截图一致,只会截取当前屏幕显示的页面内容。如果是ScrollView,那么未显示的部分是不会被截取的。

1542
来自专栏微信小程序开发

微信小程序开发-常见问题

知晓程序员,专注微信小程序开发的程序员! 好久没写文章,今天总结一下小程序开发过程中遇到的问题,有不对的地方,欢迎各位指正~ 1、域名必须是HTTPS 非HT...

5439
来自专栏好好学习吧

在博文顶部添加文章字数及阅读时间信息:阅读本文需要xx分钟

3686
来自专栏游戏杂谈

Bootstrap的表单设计器

如果是内部系统或是自己需要写个简单点的页面,可以直接使用Twitter的Bootstrap,而这个表单器也是非常好用,直接拖拽,设置属性,得到一个很漂亮的表单...

3212
来自专栏阿杜的世界

JVM、GC和常用命令

这是11月份的一个分享,借着组内分享的机会,重新梳理了一遍JVM的一些基本概念和学习资料。在这个PPT中,关于G1的部分比较粗略,最近正在恶补G1的知识,后面可...

903
来自专栏蓝天

常用vim设置

    \ if line("'\"")>0&&line("'\"")<=line("$") |

1114
来自专栏技术博文

十个需要牢记的Ubuntu快捷键

在Ubuntu中有不少大家熟知的快捷键,相信大家在使用中也会用到相应的快捷键。在本文中为大家总结经常使用的十个Ubuntu快捷键。相信本文对还不知道这些快捷键的...

3349

扫码关注云+社区

领取腾讯云代金券