关于select的只读设置

最新推荐文章于 2022-06-02 17:18:18 发布
最新推荐文章于 2022-06-02 17:18:18 发布
阅读量82 收藏
点赞数
原文链接：http://www.cnblogs.com/jie123/p/4147718.html
版权

在select中我们发现它不支持readonly属性，这时我们可以使用取消焦点的方式来处理！οnfοcus="this.blur()"这个方法这样使得不能获取鼠标的焦点，同时我们还应该知道如果的是将一个标签设置为只读的方式，我们应该使用readonly来设置，不能使用disabled来设置，否则在js中我们不能很方便的将标签中的值传给后台。说的不对的地方还请各位指点！

转载于:https://www.cnblogs.com/jie123/p/4147718.html

weixin_30538029
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如何设置select只读不可编辑且select的值可传递
09-28
当属性设置为disabled时，提交表单时，select的值无法传递，提交前移除disabled属性就可以了
layui获取select的option后设置选中、只读不可操作
h_2017的博客
07-12 2万+
今天找了一天最后结合某个网友的方法重新写了个方法 //contype 为查询出来select的值 if(contype){ //设置动态获取option后选中 $('select[name="contype"]').next().find('.layui-anim') .children('dd[lay-value="'+contype+'"]').click()...
怎么设置 select控件【下拉框】 只读
zhengxiangwen的专栏
06-10 8648
select、checkbox和radio都没有readonly属性。 如果想让select只读，能够做的就是更改值的时候给予提示，值不能修改。当属性设置为"disabled"时，提交表单时，select的值无法传递，在表单中，使用disabled会使值无法在后台获得。所以个人考虑到的只有在修改时，给予提示，使其不能修改。
如何设置select只读不可编辑且select的值可传递（摘自百度）
我是疯子中的扛把子的博客
05-07 2万+
selectstyle="width:195px"name="role"id="role"onfocus="this.defaultIndex=this.selectedIndex;"onchange="this.selectedIndex=this.defaultIndex;">这种方法可以使下拉框和平常没有区别,看起来没有任何不同。唯一不同的就是下拉并单并1. <select
用js设置下拉框为只读
03-19
NULL 博文链接：https://shirleyit.iteye.com/blog/718633
jquery 设置select checkbox radio只读
11-17
昨天网上找了很多关于设置select checkbox radio只读的，都没办法满足要求，自己写了一个
设置disabled属性后台读不到数据如何让select支持readonly
09-28
然而，一个常见的问题是，当`disabled`属性被设置在`<select>`元素上时，后台程序在提交表单时可能无法获取到选中的选项值。这是因为`disabled`状态的表单元素不会作为POST数据发送到服务器。为了解决这个问题，有两...
layui select 禁止点击的实现方法
10-16
今天小编就为大家分享一篇layui select 禁止点击的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
实现select标签只读的几种方法
kikumaru714的博客
02-15 4465
1、disabled属性，但是加上这个属性之后提交表单的时候select标签取不到值，所以在提交表单前需要去掉这个属性，$("#role").removeAttr("disabled"); 2、在select标签中加上onclick事件和onmousedown事件。（onclick="return false;" onmousedown="return false;"）。"return ...
完美的解决select只读的方法
天道酬勤
09-07 2477
完美的解决select只读的方法
layui中select，radio设置不生效的解决方法
10-16
今天小编就为大家分享一篇layui中select，radio设置不生效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui框架内select禁止点击和恢复点击
qq_36836224的博客
04-07 1963
layui框架内select禁止点击和恢复点击
【Layui】动态禁止select下拉
咔咔博客
12-12 1万+
author：咔咔 wechat：fangkangfk 前端代码 js代码 // 禁止select点击 function disSelect() { var level = $('#is_level1').val(); if(level != 1){ la...
layui中select设置disabled
weixin_44249754的博客
08-11 9137
1.选择器直接选择到下拉框好用，如下： $('select[name=departId]').attr("disabled","disabled"); 下面这种不好使： $('#_ut').find('select').attr("disabled",'disabled'); 2. 对于设置了lay-search的下拉框，若想在设置不可下拉的同时去掉输入属性，需要将input属性设置为readonly,且必须在form.render()之前设置select，之后设置input，如下： //去掉下拉 $('s
layui--select show hide 选择显示隐藏
唯爱赞多的博客
06-02 2678
select show hide 选择显示隐藏 以及数据回显
select标签设置readonly状态
little__stars的博客
05-13 9332
1.在html中，select标签里面没有readOnly这一属性，只有disabled 2.把select标签里面的设置为只读，只需要在标签里面加入： onfocus="this.defaultIndex=this.selectedIndex" onchange="this.selectedIndex = this.defaultIndex;" ...
layui select怎么获取自定义属性
雷绍发
02-23 2万+
在layui里面给了特定几个自定义属性title 请选择属性 雪碧 芬达 冰糖雪梨 金贝 监听select form.on('select(sadaS)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 c
select设置只读
热门推荐
夏至的博客
06-19 4万+
select设置只读；disabled后台取不到值；select设置readonly无效
el-select设置只读
最新发布
12-08
可以通过设置`disabled`属性来实现`el-select`的只读效果，如下所示： ```html <el-select v-model="value" disabled> 选项1" value="1"> 选项2" value="2"> 选项3" value="3"> </el-select> ``` 在上述代码中，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值