2016-03-30 20 views
-1

Gerçekten basit bir şey hakkında yardıma ihtiyacım var.Basit bir açılır menüye ihtiyacım var OnChange/Select in javascript

Bir form üzerinde 2 açılır kutuları:

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

ikinci biridir "Salt Okunur" bilmem gereken tek şey değerini değiştirerek "OfficePhone" değerini değiştirebilirsiniz nasıl "Ofis yeri"? Basit bir JavaScript veya JSP Komutu Kullanılıyor Teşekkür

+1

Bu bir kodlama hizmeti değil: Ne denediniz? –

+0

Üzgünüm, bir felç geçirdim ve basit şeyleri unutuyorum – Mike

cevap

0

OfficeLocation seçimi ve ikinci seçim için bir kimlik için bir olay işleyici işlevine ihtiyacınız olacak.

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

Bunu, komut dosyanızda olay işleyicinizi uygulamak zorunda:

Aşağıdaki gibi bir komut dosyası kullanabilirler
function eHandler(){ 
    var secondSelect = document.getElementById('oPhone'); 
    secondSelect.value = //the value you want to be selected 
} 
+0

Son zamanlarda bir felç geçirdim ve kafamı oyuna geri döndürmeye çalışıyorum ama basit şeyleri unutuyorum, üzgünüm. – Mike

0

: Burada

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

kullandığınız olayının ikinci menüdeki değeri menu2 yapan bir işlevi başlatmak için menu1 ilk menüsünün seçilen değerine eşittir. komut dosyası elemanları arkasına yerleştirilmesi gerekir:

Bir online demo o here

Bildirimi olduğunu.

İlgili konular