美文网首页前端
Jquery设置下拉框select中的option选中

Jquery设置下拉框select中的option选中

作者: Mr焦 | 来源:发表于2019-01-19 17:15 被阅读0次

    Jquery对下拉框select默认选中和获取下拉框中值的。当select元素的值发生改变时,会发生触发change事件,触发后再去获取或设置子节点。

    1. 默认选中第一个

    Js:

    $("selectoption:first").prop("selected", 'selected');

    2. 选中指定的option

    js

    $("selectoption").eq(1).prop("selected", 'selected')

    3.选中最后一个option

    js

    $("select option:last").prop("selected", 'selected');

    4.获取下拉框选择的值

    方法1:

    js

    $('select').change(function(){

        var xuanzhong=$(this).val();   

    });

    方法2:

    js

    $('select').change(function(){

        var xuanzhong = $(this).children('option:selected').val();

        //或

        var xuanzhong = $(this).find('option:selected').val();   

    });

    相关文章

      网友评论

        本文标题:Jquery设置下拉框select中的option选中

        本文链接:https://www.haomeiwen.com/subject/lrezdqtx.html