この例では、参照用のJS実装選択セカンダリリンケージドロップダウンメニューを共有します。特定のコンテンツは次のとおりです
<％@ page Language = "Java" Import = "Java.util。*" PageEncoding = "Utf-8"％> <％string path = request.getContextpath（）; string basepath = request.getscheme（）+"：//"+request.getServername（）+"："+request.getServerport（ " - // W3C // DTD HTML 4.01 Transitional // En"> <HTML> <head> <title> new Document> new Document>新しいドキュメント</title> <meta name = "generator" content = "editplus"> <meta name = "著者" content = ""> <meta name = "keywords" content = ""> <meta name = ""> < type = "text/javascript"> // 2次元の都市の配列を定義し、その順序は州の順序と同じです。 SelectedIndexがSelectedIndexによって州の添え字の値を取得して、対応するCity Array var City = [["Beijing"、 "Tianjin"、 "Shanghai"、 "Chongqing"]、 "suzhou"、 "nantong"、 "changzhou"]、「suzhou」、[suzhou "]、「" fuzhou "、" fuanping "、" "" "fuzhou"]、 " ["広州"、「chaoyang "、" chaozhou "、" chenghai "]、[lanzhou"、 "baiyin"、 "dingxi"、 "dunhuang"]]; function getCity（）{//州のドロップダウンボックスvar sltprovince = document.form1.provinceのオブジェクトを取得します。 //都市のドロップダウンボックスのオブジェクトを取得するvar sltcity = document.form1.city; //対応する州の都市アレイvarを取得します。 //都市のドロップダウンボックスをクリアし、プロンプトオプションのみを残しましたsltcity.length = 1; //都市配列の値を都市の配列に入力します。 }} </script> </head> <body> <form method = post action = "" name = "form1"> <select name = "province" onchange = "getCity（）"> <option value = "0">あなたの州を選択してください</option> <option value> "gansu"> city </option> <option </option </"> jiangus bute"> jiangus balue州 ">富士ウン県</option> <option value =" guangdong州 ">広東省</option> <option value =" gansu province "> gansu州</option> </select> <" city> <option値= "0"> city </option>このコードは比較的簡単です。
JSに慣れていない場合は、 JS処理の選択オブジェクトに関する次のコンテンツを確認できます。
1. SelectedIndexプロパティを使用して、現在のオプションのインデックスを取得します
ドロップダウンボックスのオプションは線形配列で、各オプションにはインデックスがあり、SelectedIndexは現在選択されているオプションのインデックス番号を表します。オプション属性と組み合わせて、選択したオプションオブジェクトを取得できるため、さらに処理できます。ドロップダウンボックスが複数選択可能な場合、SelectedIndexプロパティは最初の選択されたインデックスを返します。
SelectedIndexは読み取り専用のプロパティです。インデックスを介して選択された状態に指定されたドロップダウンボックスにアイテムを設定する場合は、選択した= trueをオプションオブジェクトのtrueを設定して達成できます。
2.選択オブジェクトにオプションを追加します
sltcity [i+1] = new option（provincecity [i]、provincecity [i]）;
新しいオプション（provincecity [i]、provincecity [i]）とは、値のprovincecity [i]を持つオプションオブジェクトを作成することを意味し、テキストはprovincecity [i]です。 SLTCityは、ページ上の都市オブジェクトです。 I+1は、新しく追加されたオプションの場所を指定します。
3.選択オブジェクトをクリアします
ドロップダウンボックス内のすべてのオプションを削除するには、2つの方法があります。
最初の方法は、削除を横断することです。
var l = mySelect.length; for（var i = 0; i <l; i ++）{myselect.options [i] = null; }2番目の方法は比較的単純なため、この方法は一般的に使用されます。
mySelect.length = 0;