有關於網頁設計和程式....

<select name="workyear" size="1" style="width:150px">
<option selected value="0" onclick="new0()">請選擇工作經歷</option>
<option value="1" onclick="new0()">無工作經歷</option>
<option value="2" onclick="new0()">1年以下</option>
<option value="3" onclick="new1()">1-2年</option>
<option value="4" onclick="new1()">3-5年</option>
<option value="5" onclick="new1()">6-8年</option>
<option value="6" onclick="new1()">9-10年</option>
<option value="7" onclick="new1()">10年以上</option>
</select>

<script>
function new0(){
document.getElementById("aa").style.display="none";}

function new1(){
document.getElementById("aa").style.display="";}
</script>

<div id="aa"></div>

根據測試:在form元素select當中寫成這樣在firefox可以運作，但在ie8.0中不能運作。都要寫成下方才能順利運作。

<select name="workyear" size="1" style="width:150px" onchange="new0()">
<option selected value="0" >請選擇工作經歷</option>
<option value="1" >無工作經歷</option>
<option value="2" >1年以下</option>
<option value="3" >1-2年</option>
<option value="4" >3-5年</option>
<option value="5" >6-8年</option>
<option value="6" >9-10年</option>
<option value="7" >10年以上</option>
</select>

<script>
function new0(){
if(document.form1.workyear.selectedIndex =="0" || document.form1.workyear.selectedIndex=="1"){
document.getElementById("first").style.display="none";
document.getElementById("add").style.display="none";
}else if(document.form1.workyear.selectedIndex =="2" || document.form1.workyear.selectedIndex=="3" || document.form1.workyear.selectedIndex=="4" || document.form1.workyear.selectedIndex=="5" || document.form1.workyear.selectedIndex=="6" || document.form1.workyear.selectedIndex=="7"){
document.getElementById("first").style.display="";
document.getElementById("add").style.display="";
}

}
</script>