jQuery 怎么这里读不出我的 <select> ?

Question

学习表单选择器,怎么读不出 我选的值呢?读出来是 "undefined"??

$("#an2").on("click",F2);function F2(){
    $(document.body).append('</br>this is F2;');
    $(document.body).append('</br>'+$(":selected[name=s]").val()+"</br>");
}

<select name="s" class="">
    <option value="shandong">山东</option>
    <option value="beijing">北京</option>
    <option value="tianjin">天津</option>
    <option value="chongqing">重庆</option>
    <option value="shanghai"  selected="selected">上海</option>
</select>
<button id="an2">选中的值是多少?</button>

Answer 1

$("#an2").on("click",&nbsp;F2);function&nbsp;F2()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$(document.body).append('</br>this&nbsp;is&nbsp;F2;'); &nbsp;&nbsp;&nbsp;&nbsp;$(document.body).append('</br>'&nbsp;+&nbsp;$("select[name=s]").find('option:selected').val()&nbsp;+&nbsp;"</br>"); }