select 下拉框只读设置

最新推荐文章于 2021-06-04 00:10:29 发布

原创最新推荐文章于 2021-06-04 00:10:29 发布 · 1.4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

jsp内容

当前文章被收录于：

jsp内容

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何通过不同属性设置HTML中Select控件的状态，包括readonly、editable及disabled属性的应用技巧。

给select 添加readonly = “true”.

不行的时候添加editable="false"

还是不行添加disabled 就应该可以了

标签

#jsp

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

SenJune

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

在jsp上设置下来列表框select为只读，且保留原值

htoue456的专栏

11-07

3103

一.方法为事件处理： function SetReadOnly(obj){ if(obj){ obj.onbeforeactivate=function(){return false;}; obj.onfocus = function(){obj.blur();}; obj.onmouseover = f

设置select只读不可编辑，值可传递

热门推荐

平常心的小屋

09-02

7万+

一、设置disabled属性效果为只读，没有点击和下拉，字体变为灰色在提交的时候需要去掉disabled属性 $("#selectid")..attr("disabled",false); 二、一种方法 onchange="this.selectedIndex=this.defaultIndex;">

参与评论您还未登录，请先登录后发表或查看评论

实现select标签只读的几种方法

kikumaru714的博客

02-15

5693

1、disabled属性，但是加上这个属性之后提交表单的时候select标签取不到值，所以在提交表单前需要去掉这个属性，$("#role").removeAttr("disabled"); 2、在select标签中加上onclick事件和onmousedown事件。（onclick="return false;" onmousedown="return false;"）。"return ...

用js设置下拉框为只读

想飞的鱼

12-20

5506

在项目开发过程中我们时常会碰到要设置下拉框为只读（readonly），但是可惜的是select没有只读属性，所以需要在select外面包含一个span，通过js来改变。下面这段html代码是在struts2的下拉标签中加入了span标签，在页面装载的时候就让下拉框变成不可读。如下是js代码，在init方法中调用selectReadOnly让下拉框变成

jsp页面输入框设置为只读

细节打败一切

03-14

2万+

现象：开发中想jsp的input设置为只读，用户无法输入参数解决方案：1：readonly属性 jsp的input有readonly=“”的属性，如果设置为 input type=”text” name=”name” value=”属性” readonly=”true”> 这样就实现了只读属性用户将无法录入信息2：onfocus=this.blur()属性在

js Select下拉框的只读属性设置

唯品衣秀

05-08

4671

因为Select下拉框只支持disabled属性，不支持readOnly属性，但是用disabled就无法将下拉框中的数据读出来，所以要想办法将select下拉框设置成只读的。将select下拉框设置成readonly 的两种办法。第一种： <script>var f=s.selectedIndex</script> <select name=s ...

html下拉框只读,HTML元素（如select下拉框）设置为只读

weixin_39685130的博客

06-04

1422

其实就是利用了鼠标事件和去焦点功能。以select下拉框为例：onmouseout="this.releaseCapture();">value="optionValue">下拉框文字onmousemove:鼠标在下拉框范围内活动时触发，调用setCapture函数让span捕获鼠标指针，从而阻止select相应鼠标事件。onmouseout:鼠标离开下拉框时将鼠标指针的捕获还给当前页...

select下拉框设置只读

xiaosheng_papa的专栏

04-15

3121

html页面标签select下拉框是没有只读readonly属性的，有disabled属性可以禁用select，当表单提交不能获取值。设置类似只读的方法有几种，比如控制点击事件等.. 下面介绍比较人性化的方法： 1 2 onmousemove="this.setCapture();" onmouseout="this.rel

html 下拉框 只读属性,Select下拉框的只读属性设置

weixin_39793813的博客

06-03

1113

今天在系统中增加一个查询的筛选条件，通过下拉框选取，用的是Angular常见的ng-options 指令：情况：根据取得的值去选定select下拉框的选项。引一个jquery。CSS：body{margin:0;padding: 0;font: 14px "微软雅黑";background-color: #bc5122;color: #fff;}.box{padding-top: 50px;wid...

js设置下拉框(select)为只读或编辑示例

xiangsuixinsheng的专栏

12-09

1万+

由于select不像input、textarea有disable和readonly属性,所以只有通过其它方式设置它的只读或编辑.以下是一种方法,代码如下: //设置性别下拉框为只读 function setSelectRead(){ var sex=document.getElementById("empSex2"); sex.onclick = function() {

怎么设置 select控件【下拉框】只读

zhengxiangwen的专栏

06-10

9019

select、checkbox和radio都没有readonly属性。如果想让select只读，能够做的就是更改值的时候给予提示，值不能修改。当属性设置为"disabled"时，提交表单时，select的值无法传递，在表单中，使用disabled会使值无法在后台获得。所以个人考虑到的只有在修改时，给予提示，使其不能修改。

select标签设置只读的方法（下拉框不可选但可传值）

weixin_34357267的博客

04-18

1210

转自：https://www.cnblogs.com/lxcmyf/p/6856161.html select标签设置只读的方法（下拉框不可选但可传值） 1. <select id="s1" name="s1" onfocus="this.defaultIndex=this.selectedIndedx;" onchange="this.selectedIndex=this.def...

Select下拉框的只读属性设置

weixin_33824363的博客

09-14

228

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/youbl/archive/2009/02/27/3942578.aspx因为Select下拉框只支持disabled属性，不支持readOnly属性，而在提交时，disabled的控件，又是不提交值的，在网上搜索了一下，发现有个很好的方法：Html代码 <selectname="selec...

select 下拉框设置为只读

raodun的专栏

10-19

1517

使用以下方法传入要设置的下拉对象即可 function SetReadOnly(obj){ if(obj){ obj = obj.parentElement; obj.onmousemove = function(){obj.setCapture()}; ...

html select下拉框原理,HTML元素（如select下拉框）设置为只读

weixin_39564755的博客

05-31

395

其实就是利用了鼠标事件和去焦点功能。以select下拉框为例：onmousemove="this.setCapture();"onmouseout="this.releaseCapture();">下拉框文字onmousemove:鼠标在下拉框范围内活动时触发，调用setCapture函数让span捕获鼠标指针，从而阻止select相应鼠标事件。onmouseout:鼠标离开下拉框时将鼠标指...

设置HTML select 下拉框只读属性

lfbin5566的博客

11-16

1063

<select class="select" name="record" size="1" id="record" style="height:30px;" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"> </select>