예제1
<select name='choice' id='choice' readonly style='background-color:#ababab'
onFocus='this.initialSelect = this.selectedIndex;'
onChange='this.selectedIndex = this.initialSelect;'>
<option value=''> </option>
<option value='Y' selected>Y</option>
<option value='N'>N</option>
</select>
예제2
----------------------------------------------
<script language=javascript>
function disableCheck(obj) {
if (obj[obj.selectedIndex].className=='disabled') {
alert!("선택하신 품목은 현재 절판입니다.");
for (var i=0; obj[i].className=="disabled"; i++);
obj.selectedIndex = i;
return;
}
}
</script>
<style type="text/css">
option.disabled { color: lightgrey; }
</style>
신발치수:
<select onChange="disableCheck(this)">
<option value='1'>260
<option value='2' class=disabled>270
<option value='3' class=disabled>280
<option value='4'>290
</select>
예제3
--------------------------------------------------
<select name="theselect" onchange="this.selectedIndex = 1;">
<option value="Red">Red</option>
<option value="Green" selected="selected">Green</option>
<option value="Blue">Blue</option>
</select>