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

yanjing5462

               
               
                !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
html>
head>
  title> New Document /title>
style>
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>
/html>
演示:
处理网


本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u/2326/showart_2069110.html