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