firefox下获取下列框选中option的text的代码_javascript技巧

知识点：
0、为什么要innerText？因为安全问题
1、为firefox dom模型扩展属性
2、currentStyle属性可以取得实际的style状态
3、IE实现innerText时考虑了display方式，如果是block则加换行
4、为什么不用textContent？因为textContent没有考虑元素的display方式，所以不完全与IE兼容
代码： 在IE6,7,8 和firefox 2,3下测试均通过。

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <select id="mySelect"><option value="1111">My 1111 hahaha</option> <option value="2222">My 2222</option> <option value="3333">My 3333</option> <option value="4444">My 4444</option></select><input type="button" name="button" value="see result" onclick="javascript:chk();">
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

当然，如果单独针对下拉框，也可以不用重写innerText，用下面的代码也能实现。重写innerText是为了兼容除下拉框以外的其他的HTML 元素。

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <select id="mySelect"><option value="1111">My 1111 hahaha</option> <option value="2222">My 2222</option> <option value="3333">My 3333</option> <option value="4444">My 4444</option></select><input type="button" name="button" value="see result" onclick="javascript:chk();">
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]