Javascript comment obtenir l'ID de l'article sélectionné

Question

J'utilise Web2Py pour envoyer une liste de valeurs à mon avis.

Mon HTML est comme ceci:

<select id="DestinationOptions" onchange="SetDest(this)"> 
    {{for key, value in dirList.iteritems():}} 
     <option name="DirListItem{{=key}}" id="{{=key}}"> {{=value}}</option> 
    {{pass}} 
</select> 

Mon javascript est comme ceci:

function SetDest(destComboBxID) 
{ 
    alert(destComboBxID.id); 
    var e = document.getElementById(destComboBxID); 
    var path = e.option[e.selectedIndex].value; 
    alert(path); 
    //document.cookie = "GD_"+file.id + "=" + file.id + ";"; 
} 

Je reçois seulement au premier alert() puis-je obtenir l'erreur suivante quand je debug dans le Brower:

Uncaught TypeError: Cannot read property 'options' of null

Q : Comment puis-je obtenir l'ID de la valeur selcted?

Answer 1

Vous pouvez ajouter un EventListener au champ de sélection. Quand il change, vous pouvez obtenir l'ID de l'option sélectionnée en utilisant e.target.options[e.target.selectedIndex].getAttribute('id').

document.getElementById('DestinationOptions').addEventListener('change', function(e) { 
 
    console.log(e.target.options[e.target.selectedIndex].getAttribute('id')); 
 
});

<select id="DestinationOptions"> 
 
    <option id="1">Hello</option> 
 
    <option id="2">World</option> 
 
</select>

Answer 2

<select id="DestinationOptions" ="SetDest(this.id)">