javascript - 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", F2);

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

Answer 2

基础太差了。应该是 $("select[name=s]").val()

Answer 3

你写错了，应该select option:selected

Answer 4

你是on函数还是click函数？
on(动作，子类，finction)
click(function)

Answer 5

选择器用错了 没有冒号的 建议多看手册

Answer 6

状态伪类选择器 ::selected ，原生js这样子的，jQuery 不知道是不是

Answer 7

在我印象里，似乎获取select的值并不是这么写的，

Answer 8

查个jQuery api文档就能

Answer 9

就像上面几位说过的，你需要检查下select选择器的写法。

其实你可以试着给select一个id，取值直接$('#id名称').val()，我也是初学者