个鬼佬写的.
-----------------------------------------
html
<select name="Type" id="ReportName" class="textinput"
οnchange='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
-----------------------------------------
html
<select name="Type" id="ReportName" class="textinput"
οnchange='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;}---------------------------------
jsfunction 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