社区
JavaScript
帖子详情
如何让select下拉选择只读
yanchang
2002-12-16 09:12:44
不用disabled属性
让下来select只读
就像text的readonly属性
有什么属性可以实现?
...全文
2488
21
打赏
收藏
如何让select下拉选择只读
不用disabled属性 让下来select只读 就像text的readonly属性 有什么属性可以实现?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
21 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zhx_232
2002-12-17
打赏
举报
回复
<select disabled>
<option>ksldfsl</option>
</select>
jdtatcsdn
2002-12-17
打赏
举报
回复
bencalie(Bencalie) 的第二种方法不错!
很好!
emu
2002-12-16
打赏
举报
回复
象这样。
把:
<form ...>
<input type=radio name=emu value=1>item1<BR>
<input type=radio name=emu value=2 checked>item2<BR>
<input type=radio name=emu value=3>item3<BR>
</form>
改为:
<form ...>
<input name=emu value=2 type=hidden>
<input type=radio>item1<BR>
<input type=radio checked>item2<BR>
<input type=radio>item3<BR>
</form>
就成了
emu
2002-12-16
打赏
举报
回复
嗯,需要submit的页面也可以不写name,用该name定义一个hidden来保存选中项的value就是了呵呵,又可以偷懒不写脚本了 :-P
emu
2002-12-16
打赏
举报
回复
试过了没用。好像只有不写name最有用。
flyycyu
2002-12-16
打赏
举报
回复
onfocus="this.blur()"
emu
2002-12-16
打赏
举报
回复
呵呵说明一下,<input type=radio name="test" onclick="event.returnValue=false" checked>
中的onclick部分是错的。我还没想出对的写法。
emu
2002-12-16
打赏
举报
回复
对checkbox还好办:
<input type=checkbox onfocus="this.blur()" onclick="checked=defaultChecked">
对radio呢:
<input type=radio name="test" onclick="event.returnValue=false" checked>
<input type=radio name="test" onclick="event.returnValue=false">
还没想到什么简单直捷的方法。对只要view的页面我是干脆不写name来实现readonly的,要是需要submit的页面我想就只好用脚本来维护选中状态了。
希默软件
2002-12-16
打赏
举报
回复
加一个<select onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()">
walkingpoison
2002-12-16
打赏
举报
回复
楼上的第二种方法不错。第一种方法如果用键盘就不行了。
希默软件
2002-12-16
打赏
举报
回复
<select onmouseover="this.setCapture()" onmouseout="this.releaseCapture()">
<option>1</option>
<option selected>2</option>
<option>3</option>
</select>
OR
<select onchange="selectedIndex=this.defaultChecked">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
zhigangxie
2002-12-16
打赏
举报
回复
推荐freefalcon(心宇) 的方法二和方法三,不推荐方法一。
因为,在浏览器的Address栏中键入
javascript:alert(document.getElementsByTagName("select")[0].selectedIndex=0);
会使方法一失效。
当然,也能使用相同的方法(键入其它命令)使方法二和方法三失效。
我的笨方法是定时设置:
<form name=thisform>
<select name=sel>
<option>1</option>
<option>2</option>
</select>
</form>
<script>
setInterval("thisform.sel.selectedIndex=1", 100);
</script>
rambostar
2002-12-16
打赏
举报
回复
给你一个经典站点,里面的ComboBox应该符合你的要求,解决了问题给分给我
http://webfx.eae.net
walkingpoison
2002-12-16
打赏
举报
回复
IE 6:
<select onbeforeactivate="return false">
<option>a
<option selected>b
<option>c
</select>
freefalcon
2002-12-16
打赏
举报
回复
法1:
<select onchange="this.selectedIndex=1">
<option>1</option>
<option selected>2</option>
<option>3</option>
</select>
法2:
<style>
select{falcon:expression(selectedIndex=0)}
</style>
<select>
<option>1</option>
<option>2</option>
</select>
<select >
<option>1</option>
<option>2</option>
</select>
法3:
<style>
select.s1{falcon:expression(selectedIndex=0)}
</style>
<select class="s1">
<option>1</option>
<option>2</option>
</select>
<select >
<option>1</option>
<option>2</option>
</select>
freefalcon
2002-12-16
打赏
举报
回复
<select onchange="this.selectedIndex=1">
<option>1</option>
<option selected>2</option>
<option>3</option>
</select>
emu
2002-12-16
打赏
举报
回复
<select onchange="selectedIndex=1">
<option>abc
<option selected>def
<option>ghi
</select>
linquan333
2002-12-16
打赏
举报
回复
不知为什么要这样,不可以用在修改了值之后再用javascript将值改回来不就可以了吗?
lbd8848
2002-12-16
打赏
举报
回复
是不是只能看,不能选呀?
jdtatcsdn
2002-12-16
打赏
举报
回复
呵呵,楼主的本意不是这样的吧。他好像是说点击选择之后select显示的内容不变,就是说不管你选择哪个值,最后的值都是原始选择的哪个,不知道队不?
我也有同样一个问题,大家帮忙啊!
加载更多回复(1)
如何设置
select
只读
不可编辑且
select
的值可传递
1. <
select
style=width:195px name=role id=role onfocus=this.defaultIndex=this.
select
edIndex; onchange=this.
select
edIndex=this.defaultIndex;> 这种方法可以使
下拉
框和平常没有区别,看起来没有任何不同。唯一不同的就是
下拉
并单并
选择
之后,它不会鸟你,选了和没有选一样一样的。就是无视客户的
选择
。 2.设置disabled属性<
select
style=width:195px name=role id=role disabled=
react-dropdown-tree-
select
:轻巧,可访问,可自定义且快速的React
下拉
树
选择
组件
React
下拉
树
选择
React
下拉
树
选择
一种轻量级且快速的控件,用于呈现可以显示分层树数据的
选择
组件。 另外,该控件以药丸形式显示
选择
,并允许用户搜索选项以进行快速过滤和
选择
。 还支持显示部分选定的节点。 目录 随着材料设计 作为单选 安装 作为NPM软件包 使用CDN 对等依赖 用法 道具 班级名称 clearSearchOnChange onChange onNodeToggle onAction 焦点 onBlur 数据 文字 keepTreeOnSearch keepChildrenOnSearch keepOpenOn
Select
模式 多选 等级制 simple
Select
radio
Select
showPartially
Select
ed showDropdown 最初的 总是 表单状态(已禁用|
只读
) ID searchPredicate
用js设置
下拉
框为
只读
NULL 博文链接:https://shirleyit.iteye.com/blog/718633
用js设置
下拉
框为
只读
的小技巧
在项目开发过程中我们时常会碰到要设置
下拉
框为
只读
(readonly),但是可惜的是
select
没有
只读
属性,所以需要在
select
外面包含一个span,通过js来改变。 下面这段html代码是在struts2的
下拉
标签中加入了span标签,在页面装载的时候就让
下拉
框变成不可读。 代码如下: <body onload=”init()”>
select”>
</s:se
Select
Page v2.4 发布新增纯
下拉
列表和关闭分页功能
下拉
分页
选择
插件
Select
Page v2.4 发布了,新增纯
下拉
列表和关闭分页功能,下面通过本文给大家啊介绍
Select
Page的相关知识,感兴趣的的朋友一起看看吧
JavaScript
87,997
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章