专栏首页WindCoderJquery控制input与selected

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 条评论
登录 后参与评论

相关文章

  • operator重载之三维坐标计算—C++

    WindCoder
  • Java漫谈-深拷贝与浅拷贝

    2、运用反射手段创建对象,调用java.lang.Class 或者 java.lang.reflect.Constructor 类的newInstance()实...

    WindCoder
  • 使用密码加密

    /* 功能:使用密码加密 日期:2013-05-29 */ #include <stdio.h> #include <stdlib.h> #incl...

    WindCoder
  • Android 原生 SQLite 数据库的一次封装实践

    本文主要讲述原生SQLite数据库的一次ORM封装实践,给使用原生数据库操作的业务场景(如:本身是一个SDK)带来一些启示和参考意义,以及跟随框架的实现思路对数...

    2020labs小助手
  • 关于MySQL DNS解析探究之二:unauthenticated user

    把这篇没写完的文章写完,2015年的事就不留到2016了 开启DNS解析 mysql> show variables like 'skip_name_resol...

    囚兔
  • 现代C++实现多种print

    学习C++的朋友会遇到这样的问题,有char,int,double等对象,我们想把它们打印出来看看,初学者会通过cout或者传统C语言的printf函数来打印这...

    努力努力再努力F
  • Prometheus是什么?

    Prometheus初是 SoundCloud 构建的开源系统监控和报警工具,是一个独立的开源项目,于2016年加入了 CNCF 基金会,作为继 Kuberne...

    极客运维圈
  • ICML入选论文名单公布,我国主力选手是清华和腾讯

    今年的竞争更加激烈,2473篇的投稿总数又突破了纪录,比去年同样成为历史新高的1676篇,多出几乎一半。

    量子位
  • 基于FPGA的单目内窥镜定位系统设计(中)

    今天给大侠带来基于FPGA的单目内窥镜定位系统设计,由于篇幅较长,分三篇。今天带来第二篇,中篇,话不多说,上货。

    FPGA技术江湖
  • 秒懂!十四种阀门的工作原理动图

    单向阀 ▼ ? 液动换向阀 ▼ ? 手动换向阀 ▼ ? 三位五通换向阀 ▼ ? 三位四通换向阀 ▼ ? 二位四通换向阀 ▼ ? 二位二通换向阀 ▼ ? 溢流阀...

    机器人网

扫码关注云+社区

领取腾讯云代金券