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

最新推荐文章于 2024-06-07 10:27:48 发布

原创最新推荐文章于 2024-06-07 10:27:48 发布 · 3.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#transactions #class #statistics #performance #function #html

javascript 专栏收录该内容

3 篇文章

订阅专栏

博客展示了一段由外国作者编写的 HTML 代码，包含一个下拉选择框。框内有多个选项，如 Positions Summary、Account Transactions 等，部分选项处于禁用状态。此外还提及了 CSS，但未展示相关代码。

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