[JavaScript] OnChange－碎碎念

http://joy0626.pixnet.net/blog/post/25185282

Onchange的小筆記以下這是最簡單的Onchange說明：

<? // 意思就是，這個下拉式選單名字是select ，只要你改變了他(也就是下拉之後)，會執行一個副程式，副程式名字是functionname，至於會做哪些事情，functionname
後面的()中的內容了 ?>
<option value="">請選擇
<option value="1">Item 1
<option value="2">Item 2
<option value="3">Item 3
</select>

<script>
function functionname(s)
{
    txt.value+=s;
    //選擇後,讓第一項被選中,這樣,就Change啦.
    document.all.sel.options[0].selected=true;
}
</script>
<textarea id=txt></textarea>

這裡提供一個事件給大家玩一下，是個很簡單的事件：你選了某一個選項之後，會跳出另一個可以選的選單。 <script language="JavaScript">

</script>
<label>
        <select name="type" onchange="show()">
          <option>請選擇類型</option>
          <option value="0">A</option>
          <option value="1">B</option>
        </select>
       <div id="type_A" style="position:absolute; z-index:1; visibility: hidden; ">
        <select name="type_value">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
        </select></div>
       <div id="type_B" style="position:absolute; z-index:1; visibility: hidden; ">
        <select name="type_value">
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
        </select></div>

        </label>
這裡的重點呢，是要將你要隱藏 / 顯示的部份，用div包起來，讓它變成一個物件，這樣就會有效果了。