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( "<option value='n+1'>第N+1项</option>" );

27	$( "<option value='n+1'>第N+1项</option>" ).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=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();