AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

使下拉框某项不可选的方法

2009-07-07 628
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 2008年02月22日 02:24 P.M.              option.disabled { color: #999;}             function preventSelectDisabled(oSelect)     {    var isOptionDisabled = oSelect.
2008年02月22日 02:24 P.M.

 

<html>
   <head>
    <style type="text/css">
    option.disabled { color: #999;}
    </style>


    <script>
     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"
        onchange='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>
文章标签：
前端开发
y0umer
目录
相关文章
渐暖
|
7月前
|
C#
【C#】 如何实现文本框历史记录提示功能
【C#】 如何实现文本框历史记录提示功能
渐暖
115 0
闻缺陷则喜何志丹
自定义实体拖动过程中不实时显示
自定义实体拖动过程中不实时显示
闻缺陷则喜何志丹
48 0
郏国上
|
7月前
根据用户是否输入和是否文本框内容为空来决定显示按钮颜色
根据用户是否输入和是否文本框内容为空来决定显示按钮颜色
郏国上
49 0
八百标兵奔北坡
|
7月前
|
前端开发 JavaScript
如何处理用户的拖拽排序操作
这个示例展示了如何使用JavaScript处理HTML列表的拖拽排序。通过监听`dragstart`、`dragend`、`dragenter`、`dragleave`、`dragover`和`drop`事件，实现拖拽元素时的视觉反馈和元素位置交换。当用户拖放列表项时，相关事件触发，更新列表顺序，提供直观的交互体验。
八百标兵奔北坡
61 0
bug天选之子
【项目需求】：两个下拉框之间选项关联
一.利用Option Group Attributes中的disabled属性实现 二.利用下拉框的@change事件
bug天选之子
101 0
远叶
宜搭组件-多选框所选内容如何判断对错
考试场景： 用户通过多选框选择了答案，如何在页面中就判断出所填内容的对错。 难点： 多选框选择是有前后顺序的，无法单纯比对答案来判断所选内容对错。 例如多选框选项ABCD，答案BD，用户先选D再选B，单纯比对会被判断为错误。
远叶
316 2
宜搭组件-多选框所选内容如何判断对错
fenggbinn
|
SQL BI
FineReport 下拉列表框作为动态参数的实现方式（不使用参数界面实现参数对数据过滤）
决策报表中，不使用参数界面实现参数对图表的绑定（如：下拉列表框值对条状图数据过滤） 实现方法：下拉列表框的`控件名`是参数名
fenggbinn
403 0
FineReport 下拉列表框作为动态参数的实现方式（不使用参数界面实现参数对数据过滤）
鹏鹏飞
|
JavaScript
【经验分享】单选/下拉单选选项数据源为动态值的时候控制组件状态
单选/下拉单选的选项为动态值的时候，实现类似于关联选项的功能。
鹏鹏飞
200 0
micahel
|
JavaScript
可输入的下拉框（简易实现）
第一种效果 （带自动匹配）这个效果再之前的的博客里面已经讲到过了，还没有看过的小伙伴可以移步→ http://www.cnblogs.com/zhangxiaoyong/p/5763432.html 第二种效果 今天主要讲第二种效果，也比较简单，先看下效果 实现 页面部分 1...
micahel
1877 0
前端歌谣
|
前端开发
前端工作总结107-修改记录取消文本提示ele提示
前端工作总结107-修改记录取消文本提示ele提示
前端歌谣
131 0