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

学习表单选择器,怎么读不出 我选的值呢?读出来是 "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>

---

你写错了，应该select option:selected

---

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

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

---

$("#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>");
}

---

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

---

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

---

查个jQuery api文档就能

---

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

---

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

---

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