私は簡単なドロップダウンメニューが必要ですOnChange/Select in javascript

Question

私は何か本当に簡単な助けが必要です。

私は、フォーム上の2つのドロップダウンボックスがあります。二つ目は、私が知る必要があるすべては私がの値を変更することにより、「OfficePhone」の値を変更することができる方法である 「読み取り専用」である

<select name="OfficeLocation" > 
    <option value="" ></option> 
    <option value="1" selected="selected">New York</option> 
    <option value="2" >Los Angeles</option> 
    <option value="3" >San Francisco</option> 
</select> 

<select name="OfficePhone"> 
    <option value="" ></option> 
    <option value="1">(718)555-1212</option> 
    <option value="2" >(213)555-1212</option> 
    <option value="3" >(415)555-1214</option> 
</select> 

を"オフィスの場所"？単純なJavaScriptまたはJSPコマンドのいずれかを使用します ありがとう

Answer 1

OfficeLocation selectにはイベントハンドラ関数が必要で、2番目の選択にはIDが必要です。

あなたはこのように、あなたのスクリプトの中で、あなたのイベントハンドラを実装する必要が

<select name="OfficeLocation" onchange="eHandler"> 
<option value="" ></option> 
<option value="1" selected="selected">New York</option> 
<option value="2" >Los Angeles</option> 
<option value="3" >San Francisco</option> 
</select> 

<select name="OfficePhone" id="oPhone"> 
<option value="" ></option> 
<option value="1">(718)555-1212</option> 
<option value="2" >(213)555-1212</option> 
<option value="3" >(415)555-1214</option> 
</select> 

：

function eHandler(){ 
    var secondSelect = document.getElementById('oPhone'); 
    secondSelect.value = //the value you want to be selected 
} 

Answer 2

あなたは、次のようなスクリプトを使用することができます：ここで

<script> 
    menu1 = document.getElementsByName('OfficeLocation')[0]; 
    menu2 = document.getElementsByName('OfficePhone')[0]; 
    menu1.onchange = function(){  
     menu2.value = menu1.value; 
    } 
    </script> 

使用していますonchangeイベントは、第2のメニューmenu2の値を第1のメニューmenu1の選択された値と等しくする機能を開始する。スクリプトは、あなたの要素の後に配置する必要があります：

オンラインデモをすることをhere

お知らせです。