html select tag：select他のselectタグから値を取得

Question

私は2つのSelectタグを持っています：最初のものはPHPスクリプトで動的に取り込まれています（私の空でないフォルダをスキャンします）、

  <select name="countries" id="countries"> 
     <option>fr</option> 
     <option>gr</option> 
     <option>it</option> 
     <option>gr</option> 
     <option>pl</option> 
     <option>gb</option> 
     <option>es</option> 
     <option>pt</option> 
        ... 
     (dynamically populated from a php script) 
    </select> 

と2番目のSELECTは、すでに取り込まそのコードとcountrieの完全なリストである：

<select name="ctCodes" id="ctCodes"> 
    <option>--select--</option> 
    <option value="fr">France</option> 
    <option value="nl">Netherlands</option> 
    <option value="bl">Belgium</option> 
    <option value="rs">Russia</option> 
        ... 
     (full ready list with all countries and code as value) 
    </select> 

それだけでコード（フランス、ドイツですので、私は私の訪問者が最初のSELECTから選択することを望んでいません、..）しかし、私は彼にフルネーム国（Fra nce、Germany ..）ここでオプション値は彼を選択された国にリダイレクトします：彼はドイツを選択し、私の関数は彼に連れて行きます：location.href = "xxx.php＃" + element.value;） '

これを実現するにはどうすればよいですか？最初の1つに従って、完全なドロップダウンリストからOPTIONSが追加された3番目のSELECTタグを作成しますか？ .. 2番目のSELECTタグのfullnameリストをフィルタリングして、最初のものにロードされているオプションのみを保持する方法はありますか？ ... sqlやms-accessのためのnano second jobだとわかっていますが、htmlやjavascriptでそれを行うことは可能ですか？ 私はすべての答えに感謝しています。このコードvalueで

Answer 1

IDを持つ最初の selectで

#country

var e = document.getElementById("country"); 
var value = e.options[e.selectedIndex].value; 

それが値である場合country nameを含むであろう。

var textVar = e.options[e.selectedIndex].text; 

国の名前がtextであれば、それはtextVar

に保存されます今、あなたは、自動選択持つID countryと第2の選択使用onchangeを選択します。第2のID ctCodes

var element = document.getElementById('ctCodes'); 
element.value = value; 

使用して選択の値を設定するには、このコードを選択し、今

。