select(下拉框)只读(类似输入框的readonly)

最新推荐文章于 2021-11-26 17:30:09 发布

jysh0922

最新推荐文章于 2021-11-26 17:30:09 发布

阅读量1.7k

点赞数

分类专栏： js转贴（此分类下内容全为转载）

js转贴（此分类下内容全为转载）专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的下拉菜单交互方式，通过onmousemove、onmouseout及onfocus事件对下拉菜单进行控制，实现了鼠标悬停及焦点移动时的交互效果。

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

<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();"> 
<select  ><option selected >aaa</option><option>bbb</option></select> 
</span>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jysh0922

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用jQuery设置下拉框只读

2301_79326588的博客

09-26

564

在编程中，有时候我们需要将下拉框设置为只读，即用户无法手动选择或修改下拉框的选项。下面是一个详细的示例，展示了如何使用jQuery来设置下拉框为只读状态。属性设置为"disabled"，用户将无法手动选择或修改下拉框的选项。请注意，这只是禁用了用户交互，但仍然允许通过JavaScript代码来动态更改选项。首先，我们在HTML中定义了一个带有id为"mySelect"的下拉框，并添加了几个选项。在JavaScript代码中，我们使用jQuery的。函数的第一个参数是要修改的属性名称，第二个参数是属性的值。

设置disabled属性后台读不到数据如何让select支持readonly

09-28

然而，对于`<select>`、`<input type="checkbox">`和`<input type="radio">`，`readonly`属性并不起作用，通常需要使用`disabled`属性来达到类似的效果。然而，如前所述，`disabled`会导致数据无法提交，因此需要...

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

用js设置下拉框为只读

03-19

NULL 博文链接：https://shirleyit.iteye.com/blog/718633

select 下拉框只读设置

SenJune的博客

07-09

1371

给select 添加readonly = “true”.不行的时候添加editable="false" 还是不行添加disabled 就应该可以了

下拉框实现只读状态

内心毫无波动甚至还想笑的博客

06-22

1万+

设置为只读状态有几种方式 1.readonly 2.disabled 但是不能把数据提交到后台以上2种方法只适用于输入框, 下来框只读状态没有设置为只读的属性，所以只能用js实现了，下边是在网上找的方法 onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.default

select下拉框设置只读

xiaosheng_papa的专栏

04-15

3082

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

用js设置下拉框为只读的小技巧

12-02

本文将介绍一种使用JavaScript和HTML结构来实现下拉框只读效果的方法。首先，我们要明白在HTML中，select元素是无法直接设置为只读的。通常，只读属性（readonly）适用于input元素，例如文本输入框（type="text"）...

Select下拉框模糊查询功能实现代码

12-10

`SelectValue`函数在用户从下拉框中选择一个选项时被调用，它获取选中的值和文本，并将其分别设置到对应的隐藏输入框和只读输入框中： ```javascript function SelectValue(obj) { var input = obj.parentNode....

怎么让elementUI中的select多选时输入框展示格式为 label/label/label

07-10

- `handleFocus`方法：当输入框获得焦点时，让`el-select`获得焦点并打开下拉框（通过`this.$refs.select.focus()`和`this.$refs.select.visible = true`）。 - `handleBlur`和`handleSelectBlur`：处理失去焦点的...

下拉框只读

javaBenface的专栏

11-20

4237

html中，select下拉框中是没有readonly这个属性的，只有disabled。但是用disabled就无法将下拉框中的数据读出来，所以要想办法将select下拉框设置成只读的。将select下拉框设置成readonly 的两种办法。第一种： [html] view plaincopyprint? script>var f=s.selectedIndexs

下拉框设置为只读模式时不再弹出下拉框

12-19

下载后直接解压查看源文件，文件是html 直接双击打开查看效果

select标签设置只读

weixin_30725467的博客

03-24

808

目的： select 标签只做展示，不可修改 <select id="type"></select> 添加disabled属性，可以达到不可修改的效果，但是在进行form表单提交的时候，被disabled的字段是不会被提交的。 $("#type").attr("disabled","disabled"); 添加readonly属性，对于普通...

Select下拉框的只读属性设置

weixin_33824363的博客

09-14

201

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

select设置只读

热门推荐

夏至的博客

06-19

4万+

select设置只读；disabled后台取不到值；select设置readonly无效

select 只读

lyt19880901的专栏

01-21

707

代码错误用户界面需求变动新增需求设计文档配置相关安装部署安全相关性能压力标准规范测试脚本事务跟踪其他 $.fn.selectReadOnly=function(){ var tem=$(this).chi

下拉框模拟只读

宁静致远

02-28

699

下拉框模拟只读 //根据下拉框ID设置下拉框只读 function setReadOnly(obj_id){ var obj = document.getElementById(obj_id); obj.onmouseover = function(){ obj.setCapture(); } obj.onmouseout = function(){ obj.releaseCap

设置select 框和checkbox框只读

芃蓉蓁蓁的博客

11-18

3374

readonly属性：关联的是页面元素的value属性（例如textbox，设置了readonly就不能修改输入框的文本内容），对select和checkbox不起作用。 disabled属性：这个属性的作用是设置页面元素为不可用，即不可进行任何交互操作（包括不可修改value属性、不可修改checked状态等）。但是问题也来了，就是它也不能向后台传递数据了。如需使用可以在表单提交之前，移除这个属性 $(“#s1”).removeAttr(“disabled”); （1）设置select只读：添加onf.

下拉框设置为只读

jmzzzzz的博客

11-26

1194

使用HTML中的disabled属性记录一下,以免忘记! 下拉框设置为只读 $("#id名称").attr("disabled",true); 如果直接通过post或者get传值到后台需要先解除disabled属性 $("#id名称").attr("disabled",false);

设置下拉框为只读

dianbiao3588的博客

01-18

826

下拉框没有readonly=”readonly”属性，也就是这个属性就下拉框而言就不起作用。1.<select onfocus="this.defaultIndex=this.selectedIndex" onchange="this.selectedIndex=this.defaultIndex"></select>给下拉框设置这二个属性可以起到只读的效果，即使...

el-tree-select 设置只读不可编辑