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

来源：互联网发布：h5游戏可充值源码编辑：程序博客网时间：2024/06/08 06:57

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

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=208977