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

最新推荐文章于 2022-04-07 18:27:56 发布

lisoon

最新推荐文章于 2022-04-07 18:27:56 发布

阅读量3.1k

点赞数

分类专栏： javascript 文章标签： transactions class statistics performance function html

本文链接：https://blog.csdn.net/lisoon/article/details/208977

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一个鬼佬写的.
-----------------------------------------
html
   <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>
-----------------------------------------------
CSS

option.disabled {
  color: #999;
}
---------------------------------
js




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;
}