为什么addEventListener不使用select标记

时间:2016-05-31 06:20:47

标签: javascript

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

我希望当用户从列表提示框中选择选项时显示该值。

1 个答案:

答案 0 :(得分:12)

  

使用change事件,因为在元素中选择了某些文本时会调用select事件。

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>