关于HTML中select下拉框的取值问题

<div><select name="select-test" id="select-test"><option value="1" >yi</option><option value="2" >er</option><option value="3" >san</option><option value="4" >si</option><option value="5" >wu</option></select><button id="btn" name="btn" onclick="testSelect()">测试</button></div><script type="text/javascript">function testSelect(){var selectTest1 = $("#select-test").val();var selectTest2 = $("#select-test").html();var selectTest3 = $("#select-test").text();var selectTest4 = $("#select-test").find("option:selected").text();var selectTest5 = $("#select-test").find("option:selected").val();var selectTest6 = $("#select-test").find("option[value='1']").val();var selectTest7 = $("#select-test").find("option[value='1']").text();var selectTest8 = $("#select-test").find("option[text='yi']").val();var selectTest9 = $("#select-test").find("option[text='yi']").text();alert(...);}</script>

从上到下，获取到的值分别为：

option1：

1；

option2：

<option value="1" >yi</option>
<option value="2" >er</option>
<option value="3" >san</option>
<option value="4" >si</option>
<option value="5" >wu</option>;

option3：

yi

er

san

si

wu;

option4：

yi;

option5：

1；

option6：

1；

option7：

yi;

option8：

undefined；

option9：

空白；

结论：

1.获取被选中的值：用第一个表达式；

2.获取被选中的文本：用第四个表达式；