设置select下拉框不可修改的→“四”←种方法
设置select下拉框为不可修改的几种方法:
因为select的特殊性,导致它不能像input表单一样简单地设置一个readonly来限制修改,所以,我们需要进行别的操作!
1、为下拉框添加样式,可以禁用该下拉框(效果和敲地板差不多)
:
<select name="name" id="select" class="select" style="pointer-events: none;"></select>
2、为下拉框添加onfocus和onchange方法,可以禁用该下拉框(点击出来全部,但其他的就是不能选,诶~)
:
<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.....错误解决
原因:数据源配置时间格式问题 解决方案: 1、进入weblogic控制台 2、左侧菜单栏选择Service- JDBC- Data Source 3、选择你的数据源,然后进入Configuration下的Connection Pool中进行添加 点击下面的Advance按钮,展开࿰…

Java substring使用时有哪些注意事项?
首先,使用substring截取字符串时,可能会出现两种异常,分别是StringIndexOutOfBoundsException和NullPointerException。 即字符串索引越界异常 与 空指针异常 引起 字符串索引越界异常(StringIndexOutOfBoundsException࿰…

IDEA中根据数据库自动生成实体类,并自定义所生成的实体类中的注解 @Table @Id @...
使用IDEA项目添加Hibernate扩展,生成实体类并配置实体类中的注解 一、使用Hibernate自动生成实体类 1.在项目上右键,选择Add Framework Support找到 Hibernate勾选 OK 2.CtrlAltShiftS 快捷键呼出Project Structure窗口,展开项目,…

Oracle根据日期区间查询Date类型的数据
在Oracle数据库中,根据日期区间查询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服务器上部署服务,设置编码格式,设置内存管理
准备步骤: 1.安装java环境,知道java安装目录 2.将jar包拖放或发送至服务器中(目录自定义) 一、编写shell脚本,将以下代码放在shell脚本中,将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项目定时启动
两步完成项目定时设置: 在需要定时启动或运行的方法上面加上注解Scheduled //当天只跑一次 Scheduled(cron "0 40 21 * * ?")在启动类上加注解EnableScheduling SpringBootApplication EnableScheduling ComponentScan({"com.xxx.xxx.newinterf&qu…

Java Calendar.add()方法的使用,参数含义。指定时间差。
cal.add()方法中的参数含义: 第一个参数如果是1则代表的是对年份操作,2是对月份操作,3是对星期操作,5是对日期操作,11是对小时操作,12是对分钟操作,13是对秒操作,14是对毫秒操作。 …

jar包升级部署到服务器详细流程,将服务部署在linux中
假设你已经准备好以下东西,即可进行服务部署 一台服务器(云服务器或虚拟机皆可)已安装好的jdk 1.8 的环境(可自行百度)打好的jar包(maven打jar包) 1. 在服务器中新建好你的项目文件目录&#x…

将jar包部署在docker上,将jar包打成镜像,使用docker部署jar包
假设你已经准备好以下东西,即可进行服务部署 一台安装好docker的linux服务器(安装docker见安装docker) 准备好的jar包 接下来开始吧! 将jar包上传至服务器(建好文件夹存放以方便管理) 编辑Dockerfile文…

MybatisPlus忽略实体类中的非数据库字段、JPA忽略实体类中的非数据库字段、HeHibernate忽略实体类中的非数据库字段
mybatis plus忽略映射字段时可以在实体类属性上使用以下注解: TableField(exist false):表示该属性不为数据库表字段,但又是必须使用的。 TableField(exist true):表示该属性为数据库表字段。在实体类的属性上面加上这个注解后…

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

IDEA中maven的命令及作用
maven中的Lifecycle中的那些按钮都有哪些,都有什么功能呢? validate:验证项目的正确性以及包含所有必要的信息compile:编译源码test:编译和运行测试代码package:把编译好的源码打成包,如jarveri…

docker :open /var/lib/docker/tmp/GetImageBlob318829910: no such file or directory异常解决
千万不要直接去重装docker,不要删除镜像,不要手动创建目录和文件,只需要这样就好了!👇 重启docker服务 sudo systemctl restart docker解决 以上!

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

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

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

java1.8新增超实用Map方法——Map.getOrDefault()和Map.value()方法详解
1. Map.getOrDefault() 翻译一下官方解释: java.util.Map<K, V> V getOrDefault(Object key, V defaultValue) 返回到指定键所映射的值,或defaultValue如果此映射包含该键的映射。 入参: 键 - 其关联值的键是要返回 默认值 - 键的默认…

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

docker安装kafka消息队列
1. 启动zookeeper容器(Zookeeper用于崩溃检测,实现Topic发现,和维护Topic的生产和消费状态) 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源码: 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上的微服务。 首先,确保所有服务(调用方与被调用方)都被注册在同一个eureka服务上。 1. 在调用方添加依赖(万事第一步,加依赖) <dependency><groupId>org.springfr…

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

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

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

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

java基本类型转换,随记
java基本类型转换: double double 转 long double random Math.round(Math.random()*10000); long l new Double(random).longValue();

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

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