请问 如何 获得 option的内容 不是value 是内容

Question

<select id="sel">
   <option value="o1">ooooo</option>
   <option value="o2" selected>xxxxxx</option>
</select>我想获得所选中的option的内容  也就是xxxxxx应该怎么写

Answer 1

var ddl = document.getElementById("sel");
    var index = ddl.selectedIndex;
    var text = ddl.options[index].text;

Answer 2

alert(document.getElementById('sel').options[selectedIndex].innerText)

Answer 3

<select id="sel" onChange="alert(options[selectedIndex].text)">
<option value="o1">ooooo</option>
<option value="o2" selected>xxxxxx</option>
</select>