select 多选禁用其中某个option

最新推荐文章于 2024-06-17 11:23:01 发布

小蒜瓣

最新推荐文章于 2024-06-17 11:23:01 发布

阅读量1.5w

点赞数

分类专栏：编码文章标签： select option disabled

本文链接：https://blog.csdn.net/messicr7/article/details/72654168

版权

编码专栏收录该内容

44 篇文章 2 订阅

订阅专栏

select 多选禁用其中某个option(添加disabled)
<html>
<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<body>
<div class="col-sm-4" id="task_stateTip">
<select class="form-control input-sm selectpicker" name="cus_product" id="cus_product" multiple title="请选择(可多选)" οnchange="Change()">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</div>
<script type="text/JavaScript">
function Change(){
//获取被选中的option标签
var vs = $('#cus_product option:selected').val();
alert(vs);
if (vs=="volvo"){
$("#cus_product option[value='audi']").attr("disabled",true); }
}
</script>
</body>
</html>

如果引用了 bootstrap-select

$('.ex-disable').click(function () {
  $('.disable-example option').prop('disabled', true);
  $('.disable-example').selectpicker('refresh');
});

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小蒜瓣

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
select 多选禁用其中某个option

select 多选禁用其中某个option
复制链接

扫一扫

专栏目录

Bootstrap select多选下拉框实现代码

11-30

Bootstrap Select 还提供了许多其他功能和选项，如禁用选项、分组、事件监听等。例如，你可以使用 `data-content` 或 `data-subtext` 在选项中添加额外的显示信息。官方 API 文档虽然没有中文版，但通过英文文档和...

设置select菜单禁止选择或选择无效

Alone_in_的博客

12-04

7451

一、disabled属性在select上设置disabled="disabled"，即可将下拉菜单变为只读状态，不可选择，点击也无效。 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//...

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

bootstrap-select selectpicker动态设置选中无效

程序员

09-21

8520

大家都知道一般设置select选中都是下面这几种，当然还有其他方式，没有列完 $("#infoLevel").val(d.level); $("#infoLevel").find("option[value="+d.level+"]").prop("selected","selected"); 今天设置一直没起作用，然后去看了下元素 id为

select 下拉框不可选

最新发布

csdn565973850的博客

06-17

673

select下拉框设置不可选

select chosen 禁用下拉框某一个option

07-27

145

$("#tbParBudCode option[value='" + budCodeId + "']").attr("disabled", "disabled"); $("#tbParBudCode").chosen(...

前端css select、option禁用

qq_45094682的博客

03-10

1874

前端禁用select、option，看图说话 1.直接使用disabled在option 上禁用就可以了 <div class="rig_ipt200 "> <div class=" g-select " style="border-radius: 5px;width: 200px;border: none;"> <input type="text" value="待联系" disabled class="ipt select_img"> <select

怎样把select中的option禁止了－也就是怎么禁止选择下拉框中的某个选项

KimSoft's Blog

06-16

1万+

怎样把select中的option禁止了－也就是怎么禁止选择下拉框中的某个选项原来在CSDN上回的一个帖子，觉得不错，当时还很得意思，现在整理一下。发出来。CSDN原帖子.disabled {}.disabled optgroup{font-size: 12px;font-style: normal;font-weight: normal;font-va

select多选 multiple的使用示例

12-11

本文将深入探讨 `select` 多选功能及其相关JavaScript操作。首先，`<select>` 元素的 `multiple` 属性是一个布尔属性，当设置为 `multiple` 或者没有值时，它会使下拉列表变为多选模式。例如： ```html <select ...

Bootstrap select实现下拉框多选效果

08-31

在实际开发中，Bootstrap Select 提供了许多其他配置选项，如分组、禁用选项、远程数据加载等，可以根据需求进行定制。此外，还可以通过监听事件（如 `changed.bs.select`）来响应用户的操作。总结起来，Bootstrap...

HTML中select标签单选多选用法详解

09-28

### 四、操作多选`<select>`组件在JavaScript中，我们可以通过DOM操作来处理`<select>`组件。以下是一些常见的操作： 1. **判断是否存在指定值的选项** ```javascript function isSelectItemExit(objSelectId, ...

layui的select下拉框插件，可以多选

06-24

此外，layui的`select`插件还支持分组、搜索、禁用等功能，可以根据实际需求灵活运用。在压缩包`dist`文件夹中，通常包含了layui的CSS和JS文件，以及可能的示例代码和文档，你可以参考这些资源来深入了解和使用layui...

html option禁用选择 select禁用选项示例

12-14

复制代码代码如下: <select> <option value=””>1</option> <option value=””>2</option> <option value=””>3</option> <option value=””>4</option> <option value=””>5</option> </select> 我不想让用户可以选择 345 怎么办呢复制代码代码如下: <select> <option value=””>1</option> <option value=””>2</option> <optgroup label=”3″></optgroup>

ant design vue 表格里select下拉框选过的项设置禁用（不能重复）

q249859693的博客

08-30

4577

ant design vue 表格里select下拉框选过的项设置禁用（不能重复）

[译]bootstrap-select (selectpicker)方法

weixin_30387799的博客

07-05

355

方法 .selectpicker('val') 您可以通过调用val元素上的方法来设置所选值。 $('.selectpicker').selectpicker('val', 'Mustard'); $('.selectpicker').selectpicker('val', ['Mustard','Relish']);　这不同于val()直接在select元素上调...

使用jQuery禁用、开启select标签方法

热门推荐

xinghuo0007的博客

05-12

2万+

知识点一：禁用思路思路1：直接在select标签上添加disabled="disabled"属性思路2：禁用select标签就是禁用select标签中所有的option选项---给select标签中的所有option加上disabled="disabled"属性知识点二：按照思路1，写案例测试，代码如下：<!DOCTYPE html> <html lang="en"> <hea

动态设置select禁用

00年女程序员分享自己的学习笔记

08-16

4717

动态设置select禁用有两个输入框，让第一个有值时，第二个选择框才可选择内容。因为你关之前isDisabled=false，，此时disabled不为true（刷新页面过后才是初始页面，初始时disabled为true）再打开时未选择第一个输入框的值，就不会触发方法，disabled仍为false。这样写的话，当我第一个输入框选中值之后，第二个select变为不禁用，此时，我使用clearable清空第一个输入框，第一个输入框没有值，第二个应该变成禁用，但是并没有变成禁用。...

添加多个select 禁用已选中的选项

qq_37844543的博客

05-14

465

添加多个select 禁用已选中的选项,在同一个数组禁用已选中的

设置select下拉框不能选择

xiaozhixians的博客

12-01

5060

只能查看不能选取设置当属性设置为disabled时，提交时，select的值无法传递，提交前移除disabled属性 disabled 设置为“false”时为禁用 <div class="span3"> <label class="label_note">公司性质:</label> <select id="baseCompanyType" name="baseCompanyType" style="width:80%

js使select标签option为不可选

tianye_uu的专栏

11-26

3317

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

el-select 多选变checkbox

09-02

el-select多选变为checkbox的方法可以通过在el-select中添加属性multiple来实现。例如，在你提供的HTML代码中，如果要将el-select多选变为checkbox，可以在el-select标签上添加multiple属性，如下所示： ```html <el-select v-model="selectedOptions" multiple>  </el-select> ``` 在上述代码中，通过添加multiple属性，el-select就可以支持多选功能，并且可以将多个选项选择为checkbox形式。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [element el-select+el-checkbox多选实现二级联动单个选项禁用效果以及选中选项对应表头高亮:header-cell-...](https://blog.csdn.net/qq_53986004/article/details/128684394)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]