Javascriptどのように選択したアイテムのIDを取得する

Question

私は私のビューに値のリストを送信するためにWeb2Pyを使用しています。

私のHTMLは次のようである：

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

私のjavascriptがこのようなものです：

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 + ";"; 
} 

私は最初alert()に取得し、私はデバッグするとき、私は次のエラーを取得しますブラウワー：

Uncaught TypeError: Cannot read property 'options' of null

Q ：どのように私はselcted値のIDを取得できますか？

Answer 1

selectフィールドにEventListenerを追加できます。変更すると、e.target.options[e.target.selectedIndex].getAttribute('id')を使用して、選択したオプションの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)">