JSはプルダウンリスト連動を実現します.

6453 ワード
1.
<form name="f1">
<select name="s1" onchange="chg(document.f1.s1,document.f1.s2)">
<option value="  ">  </option>
<option value="  ">  </option>
</select>
<select name="s2">
<option value="1">1</option>
</select>
</form>
<script>
//    ，  ， ，  
function obj(aData,aValue,aText){ 
	this.Data=aData;
	this.Value=aValue;
	this.Text=aText;
}
//        ，         "   ,   ，    "
var Set_data=new Array(    
	new obj('  ','  ','  '),
	new obj('  ','  ','  '),
	new obj('  ','  ','  '),
	new obj('  ','  ','  ')
	);
//         ——      
function chg(parent,child){
	//           ，   ，            chg  
	chgComitem(parent.options[parent.selectedIndex].value,child,Set_data);
}
function chgComitem(parentValue,child,objs){ //     
	//1.           
	DelAllComitem(child);
	//2.         
	for(i=0;i<objs.length;i++){
		//       Data           
		if (objs[i].Data==parentValue)
			//3.    ，      ，             AddComitem
			AddComitem(child,objs[i].Value,objs[i].Text);		
	}
}
//1.          
function DelAllComitem(aList){   
	//    select  ， options  null
	for(i=aList.options.length-1;i>=0;i--)
	aList.options[i]=null;
}
//3.        
function AddComitem(aList,aValue,aText){
	//           option
	var aOption=new Option(aText,aValue);
	//  option（ ：length        1）
	aList.options[aList.options.length]=aOption;
}
</script>
2.
<%@page langage="java"import="java.util.*"pageEnccoding="UTF-8"%
<%
String path=request.get ContactextPath()
String basePath=request.get Scheme()+「/」+request.get ServerName()+「:」+request.get ServerPort()+path+「/」
%
＜HTML＞
  
  New Dockment
               //都市の二次元配列を定義しています.中の順序は省の順序と同じです.selectedIndexによって省の基準値を取得し、対応する都市配列を得る.
     var city=[
     「北京」、「天津」、「上海」、「重慶」、
     ［南京］、「蘇州」、「南通」、「常州」、
     「福州」、「福安」、「竜岩」、「南平」、
     「広州」、「潮陽」、「潮州」、「澄海」、
     「蘭州」、「銀」、「定西」、「敦煌」
     ];
     function get City(){
         //コンボボックスのオブジェクトを取得します.
         var slet Province=document.form 1.province;
         //都市のドロップダウンの対象を獲得しました.
         var slet City=document.form 1.city;        
         //対応する省の都市配列を得る
         var province City=city[sltProvince.selected Index-1]
 
         //空の都市のフレームを下にして、ヒントだけを残してください.
         sltCity.length=1;
 
         //都市配列の値を都市のドロップダウン枠に塗りつぶします.
         for(var i=0;i＜province City.length;i+){
             slet City[i+1]=new Option(province City[i],province City[i])
         }
     }
 
 
 
 
 
         
         
     

 

3.
>  >  <ヘッド>    Unititled Dcument  <スクリプト>  function setSecond(obj)｛      var val=obj.value;      if(val==en'){          var sec=document.getElemenntById('second')          sec.options[0]=new Option(「one」「one」);          sec.options[1]=new Option(「two」「two」)      }else{          var sec=document.getElemenntById('second')          sec.options[0]=new Option(「一」「one」);          sec.options[1]=new Option(「二」「two」);／サイクル設定が可能で、一つの構成も可能です.      }      }