<HTML>
<HEAD><TITLE>動態下拉式選單 (二階層):</Title></Head>

表單名稱為 myForm
<FORM Name="myForm">

第一個下拉式選單名稱為 color
顏色:

<SELECT Name="color" OnChange="Buildkey(this.selectedIndex);">
<OPTION Value="紅色">紅色
<OPTION Value="黃色">黃色
<OPTION Value="綠色">綠色
</Select>
<BR>
第二個下拉式選單名稱為 fruit
水果:

<SELECT Name="fruit">
<option>蘋果</option>
<option>蓮霧</option>
<option>李子</option>
</Select>

</Form>
</Body>
</Html>

<SCRIPT Language="JavaScript"><!--
key=new Array(3);
key[0]=new Array(3);
key[1]=new Array(2);
key[2]=new Array(3);

key[0][0]="蘋果";
key[0][1]="蓮霧";
key[0][2]="李子";

key[1][0]="柳丁";
key[1][1]="葡萄柚";

key[2][0]="芭樂";
key[2][1]="西瓜";
key[2][2]="棗子";

function Buildkey(num)
{
  document.myForm.fruit.selectedIndex=0;
  for(ctr=0;ctr<key[num].length;ctr++){
    document.myForm.fruit.options[ctr]=new Option(key[num][ctr],key[num][ctr]);
  }
 document.myForm.fruit.length=key[num].length;
}

//-->
</Script>

引用至:http://blog.blueshop.com.tw/yowcheng/archive/2004/10/11/445.aspx

arrow
arrow
    全站熱搜

    winter1106 發表在 痞客邦 留言(0) 人氣()