能将select下拉框设置成readonly的两种方法

最新推荐文章于 2020-11-18 16:34:36 发布
原创 最新推荐文章于 2020-11-18 16:34:36 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文提供两种实现HTML元素交互的方法：一种是通过JavaScript设置下拉菜单的默认选项；另一种则是使用鼠标悬停事件。这些示例帮助开发者理解如何在网页中运用简单的脚本来增强用户体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

第一种：

<script>var f=s.selectedIndex</script>

<select name=s onchange="selectedIndex=f">
<option>1 </option>
<option selected>2 </option>  
</select>  

第二种

<span onmousemove=".........

 

详细内容 原文地址： http://www.haohaonews.com/show.php?tid=15

那几天
关注
13-表单标签：input标记的type属性，按钮，＜textarea＞，下拉框＜select＞
qq_47462646的博客
08-10 208
属性，根据不同的type属性值，输入字段拥有很多中形式(可以是文本字段，复选框，掩码后的文本控件，单选按钮，按钮等)。在表单域中可以定义各种表单元素，这些变淡元素就是允许用户在表单中输入或者选择的内容控件。1)name和value是每个表单元素都有的属性值，主要是给后台人员使用。在网页中，和用户进行交互，收集用户资料，此时就需要表单。在英文单词中，input是输入的意思，而在表单元素中。1)在写表单元素之前，应该有个表单域把他们进行包含。标签用于定义表单域，以实现用户信息的收集和传递。
HTML中Select不用Disabled实现ReadOnly的效果
12-10
方法如下： 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”>   <option>1</option>  </select>
HTML解决下拉框设置readonly依旧可以修改的问题
coder小龙
07-08 2636
请看代码 页面 发现使用readonly并不会使下拉框只读，依旧可以切换，这里需要使用disabled即可
实现select下拉框readonly
程序员！我当定了！
08-10 820
最近在项目里面有一个编辑页面,一部分人可以编辑,一部分人只能查看,所以想实现只能查看的人 不能修改,已办的input和textarea 都有readonly属性,但是select却不行,在国内看了一些帖子的方案是: onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" ...
select2动态查询及多选
weixin_30527423的博客
07-13 363
引入select2.min.js和select2.css <link rel="styleSheet" href="./plugin/select2/css/select2.css" type="text/css"> <script src="./plugin/select2/js/select2.min.js"></script> html部分...
控制select为readonly状态
e_zhiwen的专栏
10-26 1057
<br />简单说两种方式，实质是一样的，一种简介明了，一种稍显复杂<br />实质都是用：<br />onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();"<br />这句代码来控制用户无法选择和更改该控件的值<br /> <br />一、先说简单的（平时都用简单的，但是有大量select控件需要做readonly处理时用复杂的更简单）<br /><select  onmouse
设置disabled属性后台读不到数据如何让select支持readonly
09-28
这种方法允许用户看到并选择`<select>`中的值，但在表单提交之前，用户不能改变这些值。 在处理`readonly`属性时，需要注意的是，`readonly`属性主要用于文本输入框`<input type="text">`，它使得用户不能编辑文本...
select下拉框唤起
04-16
如果使用的是 Vuetify 的 `v-select` 组件，并且遇到下拉框遮挡输入框的情况，则可以通过设置 `menu-props` 属性来解决问题： ```vue <v-select :items="['Foo', 'Bar', 'Fizz', 'Buzz']" label="Solo ...
readonly的值有哪些
最新发布
07-22
因此，readonly属性的“可选值”实际上只有两种状态： - 存在（表示元素为只读） - 不存在（表示元素可编辑） 但是，根据引用[4]中提到的关于checked属性的类比（虽然引用[4]是关于checked的，但布尔属性的行为...
Vue 3.0 + Element Plus 下拉框表格组件
06-28
在 Vue 3.0 中结合 Element Plus 实现下拉框表格组件，可以通过以下两种主流方法实现： ### 方法一：使用 `<el-select>` 自定义选项模板 ```html <el-select v-model="selectedValue" :teleported="false" ...
select设置只读
热门推荐
夏至的博客
06-19 4万+
select设置只读；disabled后台取不到值；select设置readonly无效
select readonly
legend_x的专栏
07-04 879
让html select支持readonly属性 2011-03-18 10:51 5720人阅读 评论(4) 收藏 举报 html 刚刚碰到一个要为html select添加readonly属性的要求，可是select是不支持readonly属性的，找了找，方法还是有的，不过大都比较麻烦。以下的方法个人认为是最简单的： [xhtml] view plaincopysele
select 标签 readonly
df2441193861的博客
08-23 174
因为select标签没有readonly选项， 这里用onchange事件达到永远选择第二项的效果， [code="java"] aaa bbb ccc [/code]
select readonly 不能看到其他选项解决方案
zml6308的专栏
06-03 3724
在html中是select readonly后，依然可以下拉选择，不想做disabled增加隐藏域，下面提供两种解决方案 解决方案1： onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;" 但是这样依然可以看到其他选项，怎么让其他选项也无法看到呢
HTML控件select, 是readOnly设置
猎人在吃肉
07-18 1039
大家知道, 对于HTML控件select, 是沒有readOnly属性的, 所以设置它并不起作用,但是可以用如下设置:   aa bb cc dd
select实现readonly
okela1985851010的专栏
08-19 132
找了几个没几个能用.这个不错,简洁,可用. [code="html"] 1111 2222 3333 4444 [/code] 发现这个在onchange时也会触发其他的事件，没办法，直接把其他的option用js删掉吧。...
设置select 框和checkbox框只读
芃蓉蓁蓁的博客
11-18 3374
readonly属性：关联的是页面元素的value属性（例如textbox，设置了readonly就不能修改输入框的文本内容），对select和checkbox不起作用。 disabled属性：这个属性的作用是设置页面元素为不可用，即不可进行任何交互操作（包括不可修改value属性、不可修改checked状态等）。但是问题也来了，就是它也不能向后台传递数据了。如需使用可以在表单提交之前，移除这个属性 $(“#s1”).removeAttr(“disabled”); （1）设置select只读：添加onf.
js 控制select为readonly状态
08-18 5060
用js 控制select为readonly状态，该方法仅适用于IE6。并且当下拉框与其他div互相遮挡时，readonly效果无效。js代码：（readonlyCtrl.js）// set all input/select/textarea readonlyfunction allReadonly(){ // input readonly var inputEle = docu
select readonly 不能看到其它选项解决方式
weixin_33736832的博客
06-03 438
在html中是select readonly后。依旧能够下拉选择。不想做disabled添加隐藏域，以下提供两种解决方式 解决方式1： onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;" 可是这样依旧能够看到其它选项。怎么让其它选项也无...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值