値とテキストのjavascriptを使用してhtmlの依存ドロップダウンを行う

Question

JavaScriptフォームを使用して、依存関係のドロップダウンリストをjavascriptだけで使用していますが、PHPスクリプトが値を返すときに配列のテキストの位置。私は価値の両方を持っていると同じ値。ここ

をテキストしたいことは、私がこれまで持っているものです：HEADタグ内の

SCRIPT：メインDROPDOWNため

var my_variable=[ 
    ["dropA_opt1","dropA_opt2",dropA_opt3"], 
    ["dropB_opt1","dropB_opt2",dropB_opt3"], 
    ["dropC_opt1","dropC_opt2",dropC_opt3"] 
]; 
function variable(idx) { 
    var f=document.my_form; 
    f.drop_nr_2.length=null; 
    for(var i=0; i<my_variable[idx].length; i++) { 
     f.drop_nr_2.options[i]=new Option(my_variable[idx][i], i); 
    } 
} 

SELECT

<select name="drop_nr_1" onchange="my_variable(this.selectedIndex)"> 
    <option value="" selected disabled></option> 
    <option value="value1">value1</option> 
    <option value="value2">value2</option> 
</select> 

従属ドロップダウンのためのSELECT

<select name="drop_nr_2"> 
</select> 

コードは基本的に配列インデックスからオプションを作成していますが、value = ""属性はありません。その理由から私は配列インデックスを取得していますが、値= "テキストと同じ"が必要です。

さらに、2番目のドロップダウンで最初のオプションを選択し、空の値（ドロップダウン1のように）で無効にしておくとよいでしょう。多く

javascriptオブジェクトの構文を使用して<option>を構築する場合、あなたの助け

Answer 1

を感謝しています。

var myOpt = new Option(lbl,val); 

最初のパラメータは、ユーザは、第2のパラメータを有する見るラベルこの<option> internally.Soはちょうど第二のビット

f.drop_nr_2.options[i]=new Option(my_variable[idx][i], my_variable[idx][i]); 

コンストラクタラインを修正するために使用される値であります条件が真の場合i===0の条件を追加し、追加の3番目のパラメータ（選択）を渡してを返します。