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

时间:2021-10-19 04:09:41
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>