下拉框禁用后仍可以提交值

最新推荐文章于 2024-07-31 23:50:56 发布

原创最新推荐文章于 2024-07-31 23:50:56 发布 · 545 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#select #下拉框 #禁用下拉框 #置灰下拉框

PHP 同时被 2 个专栏收录

79 篇文章

订阅专栏

前端

21 篇文章

订阅专栏

本文探讨了在HTML中如何禁用下拉框的选择功能，分别介绍了两种方法：一种是在提交时值为空，另一种是在提交时保留原有值。这对于控制用户输入和数据提交具有重要意义。

<select disabled name="" id=""></select>//这个是禁用整个下拉框，提交时值为空
<select disabled="disabled" name="" id=""></select>//禁止选择，提交时有值

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

统信系统UOS桌面版V20 用户手册

Reyn_观极

07-27

1万+

UOS桌面版V20用户手册。

有感 Visual Studio 2015 RTM 简介 - 八年后回归 Dot Net，终于迎来了 Mvc 时代，盼走了 Web 窗体时代

太阳火神的美丽人生

01-03

5672

有感 Visual Studio 2015 RTM 简介 - 八年后回归 Dot Net，终于迎来了 Mvc 时代，盼走了 Web 窗体时代

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

提交的表单中disable的select标签其参数不会被采集传输

子謀的博客

11-22

677

问题描述在一个form表单中有一个select标签但被disable了，目的是为了不能使用此选择框但是可以显示值，select标签也没有readonly属性只有disable属性。 disable定义及用法： disabled 属性规定禁用下拉列表。被禁用的下拉列表既不可用，也不可点击。 <select disabled="value"> 问题：当提交表单时，disabled为t...

html下拉框只读,html中select readonly/disabled问题的解决方案

weixin_39711441的博客

06-04

3709

在html中，对select标签添加readonly属性后，依旧能够下拉选择，证明readonly属性对html中的select标签并不起作用。经查W3C文档，select标签只对disabled属性起作用，但是添加disabled后，form提交的时候，会忽略掉所有带disabled的标签的值，对提交造成麻烦。所以针对上述问题，总结出以下两种解决方案来达到select标签实现readonly属性...

下拉框,单选框readonly不起作用, 还是可以选择.而使用disabled可以禁止选中但是该值不会提交到后端. 为此怎么实现既能禁用又能提交该值.

miracle

10-26

3230

1. 对于下拉框: //加入如下的样式 <style> select[readonly] { background: #eee; cursor: no-drop; } select[readonly] option { display: none; } </style> //使用时,加上readonl属性就行, 但由于有上面的样式在,所以下拉框是点不动 <select name="" id=".

html 下拉框disable传不了数据,javascript将下拉框disable之后的提交传值问题

weixin_36073895的博客

06-03

753

javascript将下拉框disable之后，form提交时下拉框的值将不再传回后台。将项目中遇到的实际情况是：整个form都是在后台动态拼接后传回页面进行显示的。所以在网上查找资料时提到的两种常规实现方式都显得不太合适：第一、在select标签外面包一层标签(这种做法实现的效果感觉有点点不和谐)：onmouseout = "firstChild.disabled=false" > 111...

JavaScript实现下拉框只读功能的教程

但有时候出于安全或用户界面设计的需要，开发者可能希望设置下拉框为只读，即用户不能更改其值，但仍能从中选择一个值进行提交。下面将详细解释如何使用JavaScript来设置下拉框为只读。首先，要理解HTML中下拉框的...

select2在火狐浏览器下下拉框不能搜索的问题解决

热门推荐

时光隧道

07-31

6万+

在当今快速发展的技术环境中，人工智能（AI）正在以惊人的速度改变软件开发的各个方面。特别是在后端编程领域，AI不仅提升了开发效率，还为我们提供了更多创新的实践和解决方案。本文将深入探讨如何通过AI辅助后端编程，分享更多实际应用案例和技巧，帮助开发者更好地利用这一强大工具。随着项目需求的不断变化，传统的开发方式常常面临时间紧迫和资源有限的挑战。AI的引入使得我们能够更快地解决问题，从自动化代码生成到智能化的错误检测，AI的应用场景越来越广泛。

详解ASP.NET MVC之下拉框绑定四种方式

10-20

主要介绍了详解ASP.NET MVC之下拉框绑定四种方式，详细的讲诉了4种方法，具有一定的参考价值，有需要的可以了解一下。

jQuery 设置 select 无法选择（类似禁用），且可以提交

weixin_42256765的博客

03-20

4161

概要在项目开发中，一般回填页面的 select 都是为不可再次选择的，但是直接使用 disabled 属性会使 select 框无法再次提交，所以使用 css 对 select 框设置禁用选择是最好的办法。 select 禁用下拉选择 $('#xxx').attr('style','pointer-events: none;'); select 设置灰色 $('#xxx').attr('style','background-color: #EEEEEE;'); 禁用且灰色 $('#xxx').a

jQuery serialize()、serializeArray()

我爱吃红薯的博客

09-02

819

serialize()、serializeArray()可以把表单序列化，但是不能获得到禁用属性的表单元素和没有age属性的表单元素数据。 1，HTML   <form action="/test0.ds" method="ge...

select 选项 option 不可选 ,灰色,禁用

09-02

6013

<select> <option>正常</option> <option disabled="disabled">不可选</option> <option>正常</option> </select>

设置select下拉框禁用

iBenxiaohai123的博客

08-18

2909

<select style="width:195px" name="role" id="role" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"> 这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是下拉并单并选择之后，选了和没有

解决select下拉框禁用（设置disabled属性）,后台获取值为空

badouzhong65878的博客

01-15

5366

如果下拉框设置disabled属性后，提交表单到后台，后台获取的下拉框的值为空，以下有三种解决获取不到下拉框选项值的方法。有下拉框html如：<select name="select" id="select" class="select"></select> 三种方法： 1.为下拉框添加样式，可以禁用该下拉框： <select name="name...

VUE 当禁止修改时时间组件还能修改问题解决

喜欢吃糖丶的博客

12-17

629

当使用了disabled禁止修改后还能通过时间组件修改问题解决

html下拉框不显示空值,解决select下拉框禁用（设置disabled属性）,后台获取值为空...

weixin_36352523的博客

06-07

2191

如果下拉框设置disabled属性后，提交表单到后台，后台获取的下拉框的值为空，以下有三种解决获取不到下拉框选项值的方法。有下拉框html如：三种方法：1.为下拉框添加样式，可以禁用该下拉框：2.为下拉框添加onfocus和onchange方法，可以禁用该下拉框：3.在页面加载之前设置$(function() {$('#select').attr("disabled",true); })；提交...