理由は、addEventListenerをselectタグで作業していない

Question

HTML

<select id="country" > 
<option value=""></option> 
<option value="india">India</option> 
<option value="Austrelia">Austrelia</option> 
<option value="turkey">Turkey</option> 
</select> 

JS

var a = document.getElementById('country'); 
b.addEventListener('select',function() {alert(this.value);} ,false) ; 

私は、リストのアラートボックスからユーザーの選択オプションは、その値を表示したときにしたいです。

Answer 1

いくつかのテキストが要素内で選択された場合selectイベントが呼び出されるようにchangeイベント、

var a = document.getElementById('country'); 
 
a.addEventListener('change', function() { 
 
    alert(this.value); 
 
}, false);

<select id="country"> 
 
    <option value=""></option> 
 
    <option value="india">India</option> 
 
    <option value="Austrelia">Austrelia</option> 
 
    <option value="turkey">Turkey</option> 
 
</select>

使用