Ich brauche ein einfaches Dropdown-Menü OnChange/Select in Javascript

Question

Ich brauche Hilfe für etwas wirklich einfaches.

Ich habe 2 Drop-Down-Boxen auf einem Formular:

<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> 

Das zweite ist „Read Only“ Alles, was ich wissen müssen, ist, wie kann ich den Wert von „Office“ ändern, indem Sie den Wert der Änderung "Bürostandort"? Verwenden Sie entweder einen einfachen JavaScript- oder JSP-Befehl Danke

Answer 1

Sie benötigen eine Ereignishandler-Funktion für die OfficeLocation-Auswahl und eine ID für die zweite Auswahl.

<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> 

Sie haben Ihre Event-Handler in Ihrem Skript zu implementieren, wie folgt aus:

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

Answer 2

Sie können ein Skript wie folgt verwenden:

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

Hier können Sie verwenden das onchange Ereignis, um eine Funktion zu initiieren, die den Wert auf dem zweiten Menü menu2 gleich dem ausgewählten Wert des ersten Menüs menu1 macht.

Eine Online-Demo ist here

Beachten Sie, dass: das Skript nach dem Elemente platziert werden.