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

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

posted @ 2014-08-02 17:43  Aersling  阅读(269)  评论(0)  编辑  收藏  举报