让select选择框某一项option不可用

最新推荐文章于 2022-07-25 16:57:24 发布

最新推荐文章于 2022-07-25 16:57:24 发布 · 4k 阅读

文章标签：

#java #php

本文介绍如何在HTML中使用属性disabled来禁用select元素中的某个option选项。通过示例代码展示了如何实现这一功能。

有时候需要让某一个选择框select中的某一项不option可以选择，那么只需要在哪一项加上属性disabled=""即可

<select id="simpleFamily">
	<option value="">
		请选择车系
	</option>
	<option value=""  disabled="">
		==一汽大众奥迪==
	</option>
	<option value="AUDF|A4L">
		A4L
	</option>
	<option value="AUDF|A6">
		A6L
	</option>
<select>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hqmln

关注关注

1
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

div+js+css模拟select并且把无效的select选项设置为灰色不可用

06-29

div+js+css模拟select并且把无效的select选项设置为灰色不可用

Vue: 多个el-select不能重复选择相同属性

02-22

在Vue.js框架中，`el-select`是Element UI库中的一个组件，用于创建下拉选择框。当我们在项目中遇到“多个el-select不能重复选择相同属性”的问题时，这意味着我们可能需要实现一种机制来确保不同select组件之间的...

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

设置select的指定option项不可选择

热门推荐

康师父Blog

01-27

1万+

上衣裤子书包提包实现效果

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

09-02

6070

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

设置select的指定option项不可选

xiaocen99的专栏

06-19

1万+

optgroup { background-color:#eee; color:444; } aaaa bbbb cccc 效果：

在select 的中设置不可选中的option，用于分类

nevEr leAve

05-26

2110

无标题文档 addidas nick mysql java

jquery select插件带搜索框的下拉选择框代码

08-24

在本文中，我们将深入探讨如何使用jQuery的"searchableSelect"插件来创建一个具有搜索功能的下拉选择框。这个插件对于那些需要在大量选项中快速查找和选择的项目非常有用，它大大提升了用户体验。首先，让我们了解...

Bootstrap框架下下拉框select搜索功能

09-02

Bootstrap框架是一款流行的前端开发框架，它提供了一系列的CSS和JavaScript组件，帮助开发者快速构建响应式、移动优先的网页。在Bootstrap中，下拉框（select）通常用于创建一个可选的列表，用户可以通过点击下拉...

使用div+js+css模拟select并设置无效选项为灰色不可用

在HTML中，select元素用于创建下拉选择框，用户可以从多个选项中选择一个或多个值。select控件通常由多个option元素组成，每个option代表一个选项。原生的select控件虽然功能齐全，但在某些情况下，它的样式和交互...

el-select 下拉选择框如何配置有默认值时不能重复选择

最新发布

07-02

当其他值被选中时，默认值选项变为可用，但此时用户选择默认值并不会造成重复选择（因为当前选中的是其他值），所以允许选择。而一旦选择了默认值，它又会被禁用。因此，上述方案符合要求。另外，如果我们的需求是：...

select 下拉框某一项设置为不可选

这不是我的博客

07-25

1675

select 下拉框某一项设置为不可选

禁止select下拉框的其中某个选择项不能被选择

MF_Mofy的博客

04-23

2985

<select name='Grade' class='s8'> <option value=''>— 请选择 —</option>? <optgroup label='学期教育'></optgroup><option value='18'> 学期教育</option> <optgroup l

select 设置不可用，提交表单时能传值

fenyu8的专栏

10-19

992

表单要设置select为不可用时，如果直接设置disabled,提交表单时，值无法传递到后台。可以用以下方法设置不可用，这样下拉框就不能选择当前值以外的选项，同时提交时，值能传递到后台。 var oriCurrencyVal = $("#idORI_CURRENCY").val(); $("#idORI_CURRENCY").children().each(function(){ var curOptionVal = $(this).val(); if(oriCurrency

设置select、input控件不可用的方法，后台无法接收数据的处理方法

fenyu8的专栏

07-29

866

1.设置unselectable属性+设置文字颜色。此方法后台能接收到数据，但对于select控件，设置后，还可选择。$("input[name=QTY]").prop("unselectable","on").css("color","gray");2.设置disabled属性。设置此属性后，控件不可用，字体变灰，但后台无法接收到数据。可在提交数据时，把控件的disabled属性去掉，这样后台就...

实现html中select下拉列表中部分选项不可选

anjichan4261的博客

12-11

520

实现html中select下拉列表中部分选项不可选: 我们在设计一些select下拉菜单时，有时需要只给用户显示，不需要用户去选择，这就需要禁止这些选项的可选性. 看下面实例代码： <style text="text/css"> optgroup { background-color:#eee; color:444; } </style> <select&g...

js使select标签option为不可选

tianye_uu的专栏

11-26

3514

实现select标签的部分option为不可选有两种方法:1. 使用optgroup标签及其label属性.兼容于IE,FF.例子如下: <style type="text/css" media="all"> option.readOnly {background:#ccc;color:#666;} </style> <select onchange="if(th...

select下拉选项禁用

qq_39025670的博客

08-29

5070

如果我们要实现如下效果，让下拉选项提示项“请选择”不可选实现代码为： <select> <option disabled value="">请选择</option> <option>A</option> <option>B</option> <option>C<...

select option 不可选，对于置于disable 提交服务器不能获取值的解决办法

u014704496的专栏

11-30

4571

select 元素的option 子元素，如果不需要这个option 改变，只需要显示当前option 的值尝试了很多，比如选择disable属性，但是这样提交到服务器为null ，最终还是做了一个判断，把当前的这个元素显示，其他的兄弟元素就hidden了项目中实例： velocity模板。

下拉框选择权限

I_try的博客

05-27

820

1.下拉框某option不可选 <select> <option ... disabled selected ...>Select your option</option> </select> 2.整个下拉框很多人都认为设置disabled="true"是为启用，设置为“false”时为禁用，这是错的。只要元素里面设置了disabled=“xxx”不管里面为什么都为禁用。所以原生设置：禁用下拉框--dom.setA

带搜索功能的jQuery select下拉选择框实现

以下是一个简化的示例代码，演示了如何使用jQuery和Select插件创建带搜索功能的下拉选择框： ```javascript $(document).ready(function(){ $('#mySelect').select2(); // 使用select2插件增强下拉列表 }); ``` ...