2012-09-27 22 views
12

Seçili seçenek kimliğini, her iki seçim etiketi için Javascript değil JQuery ile yazdırmam gerekiyor.Javascript ile seçili seçenek kimliği nasıl alınır JQuery değil

Birden fazla seçim etiketine sahip olduğumuzu varsayalım. ..

herhangi bir öneriniz

<select onchange="showOptions(this)" id="my_select1"> 
    <option value="a1" id="ida1">Option1</option> 
    <option value="a2" id="ida2">Option2</option> 
</select> 

<select onchange="showOptions(this)" id="my_select2"> 
    <option value="b1" id="idb1">Option1</option> 
    <option value="b2" id="idb2">Option2</option> 
</select> 

ben şu şekilde options[selectedIndex].id öğrendim ama nasıl o satır biri atıfta hangi bilebilirim?

Aşağıdakileri denedim ama çalışmadı.

<select id="my_select" onchange="showOptions2(this)"> 
    <option value="o1" id="id1">Option1</option> 
    <option value="o2" id="id2">Option2</option> 
</select> 


<script type = "text/javascript"> 


function showOptions2(s){ 
var adVALUE = console.log(s[s.selectedIndex].value); // get value 
var adID = console.log(s[s.selectedIndex].id); // get id 

    alert(adID); 

} 
</script> 
+0

Bu çizgiden hangisinin başvurduğunu nereden biliyorsunuz? Ne? Bu kodu 'id' bulmak istediğiniz yere koyun. –

cevap

22
<select onchange="showOptions(this)"> 
    ... 

bu işlevi başka bir amaçla onları kullanan sürece, idselect üzerinde elemanları ihmal edebilir, o

function showOptions(s) { 
    console.log(s[s.selectedIndex].value); // get value 
    console.log(s[s.selectedIndex].id); // get id 
} 

Not işleri yapacaktır

Örnek jsbin: http://jsbin.com/adopiz/2/edit

+0

Sonra orijinal yorumumu siliyorum ve bir +1 teklif ediyorum! =) –

+0

Sorumu güncelledim ve Fabrizio'nun cevabına göre denediğimi ekledim ama işe yaramadı. – george

+0

Jsbin'i açtım ve döndürülen kimlik değerini uyarmaya çalıştığımda yeniden tanımlanmadığını söylüyor. – george

İlgili konular