获取所选选项的内部html

Question

我有这样的事情:

select = document.getElementById("select");
select.onchange = function(){
  alert(this.value); //returns the selected value
  alert(this.innerHTML); //returns the entire select with all the options
  alert(this.selected.innerHTML); //this is what I want, but doesn't work, of course
};

如何在纯js中获取所选选项的innerHTML？(没有框架).

Answer 1

尝试:

alert(this.options[this.selectedIndex].text);

演示:

<select onchange="alert(this.options[this.selectedIndex].text)">
  <option>foo
  <option>bar
  <option>foobar
</select>