jquery 配合 select 获取选中值的细解

html代码

<from>
<select name="cat_id" class="cat_class_id">
    <option value="0">考试类别</option>
    <option value="1">考试类别1</option>
    <option value="2">考试类别2</option>
</select>

<button type="button" class="btn">
      成绩查询
</button>
</form>

js代码

$(".btn").click( function(){

    var city_id = $(".cat_class_id").val();  //方法一
    var city_id = $("select[name=city_id]").val();  //方法二
    var city_id = $(".cat_class_id").find("option:selected").val();  //方法三
    var city_id = $("select[name=city_id]").find("option:selected").val();  //方法四


    $(".btn").submit();
});

后记：主要是css选择器的熟悉，以及jquery语法的熟悉。此次思维的过程是先查找百度，却没有找到答案。后是根据自己熟悉的知识想想其中的合理性，于是就实现成功了。以上是四种方法一起例出，相信这样大家更容易知道其中的道理。