最も簡単なjsコードはselect 2級連動ドロップダウンメニューを実現する(テストに合格)

2361 ワード






 
  New Document 
 
 
 
 
 
   //          ,               。  selectedIndex                  
   var city=[
   ["  ","  ","  ","  "],
   ["  ","  ","  ","  "],
   ["  ","  ","  ","  "],
   ["  ","  ","  ","  "],
   ["  ","  ","  ","  "]
   ];

   function getCity(){
     //          
     var sltProvince=document.form1.province;
     //          
     var sltCity=document.form1.city;     
     //           
     var provinceCity=city[sltProvince.selectedIndex - 1];
 
     //       ,      
     sltCity.length=1;
 
     //                 
     for(var i=0;i<provinceCity.length;i++){
       sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);
     }
   }
 
 
 
 
 

このコードは比較的簡単です.
jsにあまり詳しくない場合は、jsがselectオブジェクトを処理する方法について以下を参照してください.
1、selectedIndexプロパティを使用して現在のオプションのインデックスを取得するドロップダウン・ボックスのオプションは線形配列であり、各オプションにはインデックスがあり、selectedIndexは現在選択されているオプションのインデックス番号を表す.optionsプロパティを組み合わせると、選択したoptionオブジェクトが得られ、さらに処理されます.ドロップダウン・ボックスが複数選択可能である場合、selectedIndexプロパティは最初に選択したインデックスを返します.selectedIndexは読み取り専用のプロパティで、インデックスで指定したドロップダウンボックスのアイテムを選択状態に設定するには、optionオブジェクトのselected=trueを設定して実現します.
2、selectオブジェクトにオプションsltCity[i+1]=new Option(provinceCity[i],provinceCity[i])を追加する.新Option(provinceCity[i],provinceCity[i])は、provinceCity[i],テキストがprovinceCity[i]の値を持つoptionオブジェクトを作成することを示し、sltCityはページ上のcityオブジェクトであり、i+1は新規追加オプションの位置を指定する.
3、selectオブジェクトを空にするドロップダウン・ボックスのすべてのオプションを削除するには、2つの方法があります.1つ目の方法は、削除を巡回することです.
 var l=myselect.length;
 for(var i=0;i 
  

2つ目の方法は簡単なので、myselectという方法が一般的です.length=0;
原文:http://www.poluoluo.com/jzxy/201604/471163.html