前端

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

2019-01-19  本文已影响0人  Mr焦

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

});

上一篇下一篇

猜你喜欢

热点阅读