下拉框option禁选

最新推荐文章于 2022-01-11 15:34:14 发布
最新推荐文章于 2022-01-11 15:34:14 发布
阅读量1.9k 收藏
点赞数
分类专栏： DIV+CSS 文章标签： transactions class statistics performance xhtml html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/works07/article/details/5624836
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.disabled {
  color: #999;
}
</style>
<script type="text/javascript">
function preventSelectDisabled(oSelect) {
    var isOptionDisabled = oSelect.options[oSelect.selectedIndex].disabled;
    if(isOptionDisabled) {
        oSelect.selectedIndex = oSelect.defaultSelectedIndex;
        return false;
    }
    else oSelect.defaultSelectedIndex = oSelect.selectedIndex;
    return true;
}

</script>

</head>

<body>
<select name="Type" id="ReportName" class="textinput"
        οnchange='return preventSelectDisabled(this)'>
        <option value="reportAsset">
          Positions Summary
        </option>

        <option value="reportOptions">
          Account Transactions
        </option>
        <option value="reportOptions">
          Performance Summary
        </option>

        <option disabled='disabled' class='disabled'>

          Asset Allocations
        </option>
       
        <option disabled='disabled' class='disabled'>
          Options Tracking
        </option>

        <option disabled='disabled' class='disabled'>
          Historical Variance
        </option>

        <option disabled='disabled' class='disabled'>
          Portfolio Statistics
        </option>
      </select>
</body>
</html>

works07
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue下拉框添加disabled属性
牛逼的博客
12-09 2040
1、 2、 typeChange(){ const selectedList = this.jpProject.jpZhs.filter(item => item.gclx).map(item => item.gclx); this.zhOptions.forEach(item => {item.disabled = false;}) selectedList.forEach(key => { this.zhOptions.forEach(item => { console.
vue+element框架 el-select分组展示，允许多选情况下，组内元素只能单选,并且两个下拉框同一个组选过的项禁选
weixin_39948052的博客
04-07 2956
el-select分组展示，允许多选情况下，组内元素只能单选,并且两个下拉框同一个组选过的项禁选
記憶:如何禁止select控件選擇
weixin_34128839的博客
06-16 229
大家知道, 對於HTML控件select, 是沒有readOnly屬性的,所以設置它並不起作用,如: 1<selectid="select1"readonly="readonly">2<optionvalue="aa">aa</option>3<optionvalue="bb">bb</option>4<optionva...
怎样把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
ng-options 如何实现其中一项option禁选
mayue_web的博客
08-13 1408
通过ng-options写出的下拉列表如何实现其中一个是灰色的禁选状态呢？ 普通的select可以用optgroup标签，但是angular如何实现呢？ ng-options的数据是这样的 $scope.list = [{ key: '100', value: '不可选' },{ key: '200', value: '第一个选项' },{ key: '300', value: '第二...
EasyUI下拉框Combobox设置某些选项不可选置灰
wusq的博客
06-06 5498
效果图： 方法： 数据里面的加一项disabled为true就可以了 data = [{ "id":1, "text":"text1", "disabled": true },{ "id":2, "text":"text2", "disabled": false },{ "id":3, "text":"text3" ,{ "id":4, "text":"text4", "disabled": true
Layui 动态禁止select下拉的例子
12-10
author：咔咔 wechat：fangkangfk 前端代码 js代码 ... function disSelect() { var level = $('#is_level1').val();... layer.msg('一级分类父级不可修改');... $('select').attr('disabled', 'disabled');...
element 下拉框 el-select 自定义控制某项禁止选择
xiaosi1413的博客
10-21 1万+
vue element 下拉框 el-select 自定义控制某项 el-option 禁止选择 驾驶员，押运员不能同时选择同一个人 例如：驾驶员选择 张三 押运员禁止选张三 如果押运员选张三 驾驶员禁止选 HTML 押运员 <el-select v-model="escortName" filterable placeholder="请选择押运员" :disabled="escortS
bootstrap-select-1.13.0-dev.zip
08-15
7. **禁用与禁选**：对于某些选项或整个下拉框，可以使用`disabled`属性来禁用它们，阻止用户的选择。同时，`<option>`元素上的`disabled`属性会体现在Bootstrap Select中。 8. **分组选项**：如果你的`<select>`...
在select 的中设置不可选中的option，用于分类
nevEr leAve
05-26 2010
无标题文档 addidas nick mysql java
实现下拉列表单个option的disabled
Done
02-01 413
&lt;style type="text/css"&gt; option.disabled { color: #999;} &lt;/style&gt; &lt;sript type="text/javasript"&gt; function preventSelectDisabled(oSelect) { var isOptionDisabled = oSelect...
select 多选禁用其中某个option
技术改变生活
05-23 1万+
select 多选禁用其中某个option
《学习笔记76》—— # HTML # 表单下拉菜单禁选与默认选择
weixin_53801131的博客
07-18 439
我们可以用select或input的type属性值select创建一个下拉菜单，选项可以用option创建。 在option选项中使用属性disabled表示禁选。 在option选项中使用属性selected表示默认选择。 示例如下。 <form action=""> <select name="interest"> <option value="0" disabled>您感兴趣的是</option> <option
解决select下拉框禁用（设置disabled属性）,后台获取值为空
zhaofuqiangmycomm的博客
03-20 3697
如果下拉框设置disabled属性后，提交表单到后台，后台获取的下拉框的值为空，以下有三种解决获取不到下拉框选项值的方法。 有下拉框html如：<select name="select" id="select" class="select"></select> 三种方法： 1.为下拉框添加样式，可以禁用该下拉框： <select name="name"...
【ElementUI】table表格多选状态如何禁选
A_soulmate的博客
01-11 1万+
对elementUI中table表格的多选框进行 可勾选 和 不可勾选 的处理给 type 属性为 selection 的加一个事件:selectable='selected’ <el-table-column type="selection" width="55" :selectable="selected"> </el-table-column> methods中：判断后台给返回的状态码 selected(row, index) { if (row.WaitConfirmR
select 选项 option 不可选 ,灰色,禁用
09-02 5519
<select> <option>正常</option> <option disabled="disabled">不可选</option> <option>正常</option> </select>
html option禁用选择 select禁用选项示例
lucyyang2008的博客
11-10 2790
不想让用户选择，就可以将html option禁用、禁用select选项，下面是具体的实现，希望对大家有所帮助 1 2 3 4 5 我不想让用户可以选择 345 怎么办呢 代码如下: 1 2 这样就ok了。
Select下拉框禁用的三种方式
热门推荐
qq_28332767的博客
07-25 4万+
1.为下拉框添加样式，可以禁用该下拉框： 特点：不会出现无法取值的问题 <select name="name"id="select" class="select" style="pointer-events: none;"></select> 2.为下拉框添加onfocus和onchange方法，可以禁用该下拉框： <selectname="name"i...
select下拉框option的样式
最新发布
06-28
可以使用CSS来设置select下拉框option的样式，例如设置背景颜色、字体颜色、字体大小等。具体方法如下： 1. 设置select下拉框的样式： ``` select { width: 200px; /* 设置下拉框宽度 */ height: 30px; /* 设置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值