js下拉框聯動代碼


剛寫了一個 這是html  你改一下把  
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 
</head>
<body >
<form  name="form"  method="post" action="";>
<table border="1"  
 style="width: 100%; height: 100%; border-collapse: collapse;">
 <tr>
  <td colspan="2"><span style="font-size: 36pt; color: green">新商品注冊</span></td>
 </tr>
 <tr>
  <td width="15%">商品代碼:</td>
   <td width="85%"><input type="text" name="product_no"></input>  <font
   color="red">*</font></td>
 </tr>
 <tr>
  <td>商品名稱:</td>
   <td><input type="text" name="product_name">
  </input>  <span class="STYLE1"><font color="red">*</font></span>  </td>
 </tr>

 <tr>
  <td>一級分類:</td>
  <td><select name="oneclass" onchange=Change()>
    <option selected="selected" >--請選擇--</option>
    <option >圖書</option>
    <option >服裝</option>
    <option >飲料</option>
    <option >電器</option>
  </select></td>
 </tr>
 <tr>
  <td>二級分類:</td>
  <td><select name="twoclass">
    <option selected="selected">--請選擇--</option>  
  </select></td>
 </tr>
  <tr>
  <td>供 應 商:</td>
  <td><input type="text" name="support"></input>  <font
   color="red">*</font></td>
 </tr>
 <tr>
  <td>廠    商:</td>
  <td><input type="text" name="company"></input>  <font
   color="red">*</font></td>
 </tr>
 <tr>
  <td>保質期限:</td>
  <td><input type="text" name="date"></input>  <font
   color="red">*</font></td>
 </tr>
 <tr>
  <td>可否退貨:</td>
  <td><input type="radio" checked="checked"  name="tui" value="yes"></input> <input type="radio" name="tui" value="no"></input></td>
 </tr>
 <tr>
  <td>可否換貨:</td>
  <td><input type="radio" checked="checked" name="huan" value="yes"></input> <input type="radio"  name="huan" value="no"></input></td>
 </tr>
 <tr>
  <td>商品備注:</td>
  <td><textarea name="mess"></textarea> 
   </td>
 </tr>

 <tr>
  <td colspan="2" align="center"><input type="submit" value="確認注冊"></input>
  <input type="reset" value="重新填寫"/></td>
 </tr>
</table>

</form>
</body>

下面這是javascript


//定義一個二維數組two,用於存放二級分類名稱。 
var two=new Array(); 
two[0]=new Array(); 
two[1]=new Array(); 
two[2]=new Array(); 
two[3]=new Array(); 
two[4]=new Array(); 
//賦值,每個一級分類的二級分類存放於數組的一行。 
two[0][0]="--請選擇--" 
two[1][0]="--請選擇--" 
two[1][1]="計算機類"; 
two[1][2]="科學類"; 
two[1][3]="文學類"; 
two[1][4]="雜志類"; 
two[1][5]="法律類"; 
two[2][0]="--請選擇--" 
two[2][1]="春裝"; 
two[2][2]="夏裝"; 
two[2][3]="秋裝";
two[2][4]="冬裝";
two[3][0]="--請選擇--" 
two[3][1]="碳酸飲料"; 
two[3][2]="果汁類"; 
two[3][3]="牛奶"; 
two[4][0]="--請選擇--"
two[4][1]="家用電器"; 
two[4][2]="商用電器";
function Change() 
{var i,Index; 
Index=document.form.oneclass.selectedIndex; 
iCount=0; 
while (two[Index][iCount]!=null) iCount++;//計算選定一級分類的二級分類個數 
document.form.twoclass.length=iCount;//改變下拉菜單的選項數 
for (i=0;i<=iCount-1;i++)//改變下拉菜單的內容 
document.form.twoclass[i]=new Option(two[Index][i]); 
document.form.twoclass.focus(); 
} 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM