当前位置: 首页 > 编程日记 > 正文

设置select下拉框不可修改的→“四”←种方法

设置select下拉框为不可修改的几种方法:

因为select的特殊性,导致它不能像input表单一样简单地设置一个readonly来限制修改,所以,我们需要进行别的操作!

1、为下拉框添加样式,可以禁用该下拉框(效果和敲地板差不多)
<select name="name" id="select" class="select" style="pointer-events: none;"></select>
2、为下拉框添加onfocusonchange方法,可以禁用该下拉框(点击出来全部,但其他的就是不能选,诶~)
<select name="name" id="select" class="select" οnfοcus="this.defaultIndex=this.selectedIndex;" οnchange="this.selectedIndex=this.defaultIndex;">
或者在js中
   	  	 var sel= document.getElementById('mySelect');sel.onchange=function(){this.selectedIndex=this.defaultIndex;};sel.onfocus=function(){this.defaultIndex=this.selectedIndex;};
3、可以在页面加载之前设置,将select设置为disabled,需要注意:disabled属性会使得值无法传递,所以需要在提交前取消disabled(我虚了,你呢?)
$(function() {  $('#select').attr("disabled",true); });
或者
var sel= document.getElementById('mySelect');
sel.disabled="true";

需提交表单前设置

$('#select').attr("disabled",false);
或者
var sel= document.getElementById('mySelect');
sel.disabled="false";
4、使用js使select无法修改(实现方式是通过js把其他的选项一个一个清除)如下:(成功路上无对手!)
//获取select对象
var iElement= document.getElementById('mySelect');
//新建一个下拉框数组
var optionTags = new Array();
var index = 0;
var optionObj;
//拿到目前select应该展示的元素value
var elementValue = iElement.value;
var tag;
//拿到当前所有的option 放在options(数组)中
var options = iElement.options;
if(options.length>1){for(var j = options.length-1; j >= 0; j--){tag = new Array();optionObj=options[j];tag["value"] = optionObj.value;tag["text"]  = optionObj.text;optionTags[index++] = tag;//如果该元素不是当前展示的元素,则将该元素移除if(tag["value"] != elementValue){iElement.remove(j);}}
}
//最后的select只剩一个元素,也就达到了效果
以上,希望能够帮到你!

相关文章:

weblogic项目java.sql.SQLException: ORA-01861: 文字与格式字符串不匹配 at oracle.jdbc.....错误解决

原因&#xff1a;数据源配置时间格式问题 解决方案&#xff1a; 1、进入weblogic控制台 2、左侧菜单栏选择Service- JDBC- Data Source 3、选择你的数据源&#xff0c;然后进入Configuration下的Connection Pool中进行添加 点击下面的Advance按钮&#xff0c;展开&#xff0…

Java substring使用时有哪些注意事项?

首先&#xff0c;使用substring截取字符串时&#xff0c;可能会出现两种异常&#xff0c;分别是StringIndexOutOfBoundsException和NullPointerException。 即字符串索引越界异常 与 空指针异常 引起 字符串索引越界异常&#xff08;StringIndexOutOfBoundsException&#xff0…

IDEA中根据数据库自动生成实体类,并自定义所生成的实体类中的注解 @Table @Id @...

使用IDEA项目添加Hibernate扩展&#xff0c;生成实体类并配置实体类中的注解 一、使用Hibernate自动生成实体类 1.在项目上右键&#xff0c;选择Add Framework Support找到 Hibernate勾选 OK 2.CtrlAltShiftS 快捷键呼出Project Structure窗口&#xff0c;展开项目&#xff0c…

Oracle根据日期区间查询Date类型的数据

在Oracle数据库中&#xff0c;根据日期区间查询Date类型的数据 select proposalno,policyno,enddate from 表名 where 时间字段 between to_date(2020-1-1, yyyy/mm/dd) and to_date(2021/8/1,yyyy-mm-dd)

jar包部署shell脚本编写,在服务器上部署jar包,在Linux服务器上部署服务,设置编码格式,设置内存管理

准备步骤&#xff1a; 1.安装java环境&#xff0c;知道java安装目录 2.将jar包拖放或发送至服务器中&#xff08;目录自定义&#xff09; 一、编写shell脚本&#xff0c;将以下代码放在shell脚本中&#xff0c;将shell脚本放在jar包同级目录下。编写好后使用sh xxx.sh启动脚本即…

RSA签名算法,计算调用加密报文,安全传输

RSA签名算法 1. 获取当前的时间戳参数 2. 计算参数签名 3. 获取请求对象的MD5密文 4. 通过私钥计算某个参数的RSA签名 5. 转换字符集到utf8 6. MD5加密字符串 7. base64编码 8. base64编码字符串 9. base64解码 /*** 参数签名算法工具类*/ public class RSAUtils {/**…

两步完成项目定时启动,java项目定时启动

两步完成项目定时设置&#xff1a; 在需要定时启动或运行的方法上面加上注解Scheduled //当天只跑一次 Scheduled(cron "0 40 21 * * ?")在启动类上加注解EnableScheduling SpringBootApplication EnableScheduling ComponentScan({"com.xxx.xxx.newinterf&qu…

Java Calendar.add()方法的使用,参数含义。指定时间差。

cal.add()方法中的参数含义&#xff1a; 第一个参数如果是1则代表的是对年份操作&#xff0c;2是对月份操作&#xff0c;3是对星期操作&#xff0c;5是对日期操作&#xff0c;11是对小时操作&#xff0c;12是对分钟操作&#xff0c;13是对秒操作&#xff0c;14是对毫秒操作。 …

jar包升级部署到服务器详细流程,将服务部署在linux中

假设你已经准备好以下东西&#xff0c;即可进行服务部署 一台服务器&#xff08;云服务器或虚拟机皆可&#xff09;已安装好的jdk 1.8 的环境&#xff08;可自行百度&#xff09;打好的jar包&#xff08;maven打jar包&#xff09; 1. 在服务器中新建好你的项目文件目录&#x…

将jar包部署在docker上,将jar包打成镜像,使用docker部署jar包

假设你已经准备好以下东西&#xff0c;即可进行服务部署 一台安装好docker的linux服务器&#xff08;安装docker见安装docker&#xff09; 准备好的jar包 接下来开始吧&#xff01; 将jar包上传至服务器&#xff08;建好文件夹存放以方便管理&#xff09; 编辑Dockerfile文…

MybatisPlus忽略实体类中的非数据库字段、JPA忽略实体类中的非数据库字段、HeHibernate忽略实体类中的非数据库字段

mybatis plus忽略映射字段时可以在实体类属性上使用以下注解&#xff1a; TableField(exist false)&#xff1a;表示该属性不为数据库表字段&#xff0c;但又是必须使用的。 TableField(exist true)&#xff1a;表示该属性为数据库表字段。在实体类的属性上面加上这个注解后…

如果你没用过maven的install,你应该了解一下!maven中的install功能及用法。

maven中有一个大多数人都忽视或者没有用到过的一个功能——install&#xff0c;大多数java开发人员都了解maven&#xff0c;使用maven进行依赖管理。但使用的大多数功能不过是clean清理、compile编译、package打包&#xff0c;却很少用到install这个功能&#xff0c;接下来就来…

IDEA中maven的命令及作用

maven中的Lifecycle中的那些按钮都有哪些&#xff0c;都有什么功能呢&#xff1f; validate&#xff1a;验证项目的正确性以及包含所有必要的信息compile&#xff1a;编译源码test&#xff1a;编译和运行测试代码package&#xff1a;把编译好的源码打成包&#xff0c;如jarveri…

docker :open /var/lib/docker/tmp/GetImageBlob318829910: no such file or directory异常解决

千万不要直接去重装docker&#xff0c;不要删除镜像&#xff0c;不要手动创建目录和文件&#xff0c;只需要这样就好了&#xff01;&#x1f447; 重启docker服务 sudo systemctl restart docker解决 以上&#xff01;

设置普通用户执行docker命令,执行docker命令无需输入密码或者切换root用户

每次执行docker命令都要输入密码或者切换root用户&#xff0c;非常不方便&#xff0c;尤其是在shell脚本中就更麻烦了&#xff0c;一起来解决这个问题&#xff1b; 1. 创建名为docker的组&#xff0c;如果之前已经有该组就会提示已存在&#xff1a; sudo groupadd docker gro…

spring boot项目 中止运行 最常用的几种方法

spring boot项目 中止运行 最常用的几种方法&#xff1a; 1. 调用接口&#xff0c;停止应用上下文 RestController public class ShutdownController implements ApplicationContextAware {private ApplicationContext context;PostMapping("/shutdownContext")pub…

力扣每日一题——独一无二出现的次数

难度&#xff1a;简单 题目&#xff1a; 给你一个整数数组 arr&#xff0c;请你帮忙统计数组中每个数的出现次数。 如果每个数的出现次数都是独一无二的&#xff0c;就返回 true&#xff1b;否则返回 false。 示例 1&#xff1a; 输入&#xff1a;arr [1,2,2,1,1,3] 输出&a…

java1.8新增超实用Map方法——Map.getOrDefault()和Map.value()方法详解

1. Map.getOrDefault() 翻译一下官方解释&#xff1a; java.util.Map<K, V> V getOrDefault(Object key, V defaultValue) 返回到指定键所映射的值&#xff0c;或defaultValue如果此映射包含该键的映射。 入参&#xff1a; 键 - 其关联值的键是要返回 默认值 - 键的默认…

力扣解题——求根到叶子节点数字之和

难度&#xff1a;中等 题目&#xff1a;给定一个二叉树&#xff0c;它的每个结点都存放一个 0-9 的数字&#xff0c;每条从根到叶子节点的路径都代表一个数字。 例如&#xff0c;从根到叶子节点路径 1->2->3 代表数字 123。 计算从根到叶子节点生成的所有数字之和。 …

docker安装kafka消息队列

1. 启动zookeeper容器&#xff08;Zookeeper用于崩溃检测&#xff0c;实现Topic发现&#xff0c;和维护Topic的生产和消费状态&#xff09; docker run -d --name zookeeper -p 2181:2181 -t wurstmeister/zookeeper2. 启动kafka容器 docker run -d --name kafka -p 9092:90…

一文吃透JAVA定时器格式

JAVA 定时器时间格式 ​ 基本格式: [秒] [分] [小时] [日] [月] [周] [年] 序号说明是否必填允许填写的值允许使用的通配符1秒是0-59, - * /2分是0-59, - * /3小时是0-23, - * /4日是1-31, - * ? / L W5月是1-12 或 JAN-DEC, - * /6周是…

List元素互换,List元素转换下标,Java Collections.swap()方法实例解析

Java Collections.swap()方法解析 jdk源码&#xff1a; public static void swap(List<?> list, int i, int j) {// instead of using a raw type here, its possible to capture// the wildcard but it will require a call to a supplementary// private methodfina…

使用feign调用注解在eureka上的微服务,简单学会微服务

使用feign调用注解在eureka上的微服务。 首先&#xff0c;确保所有服务&#xff08;调用方与被调用方&#xff09;都被注册在同一个eureka服务上。 1. 在调用方添加依赖&#xff08;万事第一步&#xff0c;加依赖&#xff09; <dependency><groupId>org.springfr…

快速排查feign.FeignException: status 500 …

feign.FeignException: status 500 … 总结一下feign报500的时候快速排查问题的方法&#xff0c; 这个bug容易出现的地方分别为: 1. 远程调用的时候feign的注册信息有没有写错,比如少一个斜杠什么之类的 FeignClient(value "testservice",path "/newinter…

手动将web项目的class文件打成jar包,手动打jar包,java -cvf,IDE打包底层指令

手动将web项目的class文件打成jar包。 我们的项目在使用IDE进行编译后&#xff0c;在项目的target目录下将会生成class文件。我们可以将class文件打成jar包。 使用的到命令为&#xff1a; 在target目录下打开命令窗口 jar -cvf xxx.jar * 可供的选项包括: -c 创建新的归档文件…

科学处理java.lang.StackOverflowError: null异常

java.lang.StackOverflowError: null异常处理 在项目运行中出现StackOverflowError 首先要检查在编码中是否有明显的递归编码,比如死循环或者无限循环调用。 而编码中并没有出现使用递归&#xff0c;这时候可以查看一下表是否有关联&#xff0c;两个表相互关联&#xff0c;我…

JPA不同包下同类名查询出错

不同包下同类名查询出错 异常现象&#xff1a;使用JPA进行查询时&#xff0c;JPA的实体类映射到了另外一个包下的同名类&#xff0c;由于两个同名类中字段名和字段数不相同&#xff0c;所以会出现种种查询错误。 原因及对策&#xff1a;这里应该是jpa实体类默认注入问题&…

java基本类型转换,随记

java基本类型转换&#xff1a; double double 转 long double random Math.round(Math.random()*10000); long l new Double(random).longValue();

IDEA设置单个文件、单个包、单个项目的编码格式

IDEA设置单个文件、单个包、单个项目的编码格式 File-> Settings-> File Enclodings 选择编码格式&#xff0c;确定即可。 注意&#xff1a;此处的编码格式设定以后&#xff0c;该包已经存在的类内部乱码或文字不会有变化&#xff0c;若新复制类进入则会按照新的编码格式…

IDEA自动生成对象所有set方法

idea中有一款插件能够生成对象所有的set方法&#xff0c;GenerateAllSetter &#xff1a;下载地址 步骤1&#xff1a;将下载好的压缩包放在自己记得的文件夹中&#xff0c;在idea中进行导入 步骤2&#xff1a;在本地选中刚才的压缩包&#xff0c;导入即可。然后将IDE重启即生…