jquery操作select大全

01 //获取第一个option的值
02 $( '#test option:first' ).val();
03
04 //最后一个option的值
05 $( '#test option:last' ).val();
06
07 //获取第二个option的值
08 $( '#test option:eq(1)' ).val();
09
10 //获取选中的值
11 $( '#test' ).val();
12 $( '#test option:selected' ).val();
13
14 //设置值为2的option为选中状态
15 $( '#test' ).attr( 'value' , '2' );
16
17 //设置最后一个option为选中
18 $( '#test option:last' ).attr( 'selected' , 'selected' );
19 $( "#test" ).attr( 'value' , $( '#test option:last' ).val());
20 $( "#test" ).attr( 'value' , $( '#test option' ).eq($( '#test option' ).length - 1).val());
21
22 //获取select的长度
23 $( '#test option' ).length;
24
25 //添加一个option
26 $( "#test" ).append( "" );
27 $( "" ).appendTo( "#test" );
28
29 //添除选中项
30 $( '#test option:selected' ).remove();
31
32 //删除项选中(这里删除第一项)
33 $( '#test option:first' ).remove(); 、
34
35 //指定值被删除
36 $( '#test option' ).each( function (){
37 if ( $( this ).val() == '5' ){
38 $( this ).remove();
39 }
40 });
41 $( '#test option[value=https://www.it610.com/article/5]' ).remove();
42
43 //获取第一个Group的标签
44 $( '#test optgroup:eq(0)' ).attr( 'label' );
45
46 //获取第二group下面第一个option的值
47 $( '#test optgroup:eq(1) : option:eq(0)' ).val();

    推荐阅读