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

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();   

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容