使用js获取下拉列表框<option>中的value和text的值

在编程过程中，我们对下拉列表框的取值很多时候都是获取option中的value，但是也有需要获取显示在页面中的值的时候，例如想获得<option value="value">ShowText</option>中"ShowText"，我们该如何获取呢？方法很简单，具体代码如下：
<script type="text/javascript">
function a(object){
alert(object);
}
</script>
<!-- 获取显示的值 -->
<select οnchange="a(this.options[this.selectedIndex].innerText);">
<option value="value-a">text-a</option>
<option value="value-b">text-b</option>
</select>
<!-- 获取value的值 -->
<select οnchange="a(this.options[this.selectedIndex].value);">
<option value="value-c">text-c</option>
<option value="value-d">text-d</option>
</select>