jQuery对select下拉菜单的常用操作

一、获取第一个option的值/文本值   

$('#XXX option:first').val();
$('#XXX option:first').text();

二、设置第一个option的值/文本值 

$("#XXX option:first").val('aaa');
$("#XXX option:first").text('aaa');

 三、select 选中第一个option（重置select）

$("#XXX option:first").prop("selected", 'selected');

四、最后一个option的值/文本值  

$('#XXX option:last').val();
$('#XXX option:last').text();

五、获取第二个option的值/文本值  

$('#XXX option:eq(1)').val();
$('#XXX option:eq(1)').text();

六、获取选中的值 /文本值 

$('#XXX').val();
$('#XXX option:selected').val(); 
$('#XXX').text();
$('#XXX option:selected').text();

 七、设置值为2的option为选中状态  

$('#XXX').attr('value','2');

八、设置最后一个option为选中

$('#XXX option:last').attr('selected','selected'); 
$("#XXX").attr('value' , $('#XXX option:last').val()); 
$("#XXX").attr('value' , $('#XXX option').eq($('#XXX option').length - 1).val());

九、获取select的长度  

$('#XXX option').length;

十、在select的结尾添加一个option

$("#XXX").append("<option value='n+1'>我是新的option</option>"); 
$("<option value='n+1'>我是新的option</option>").appendTo("#XXX");

十一、在select的开头添加一个option

$("#XXX").prepend("<option value='0'>我是开头的option</option>")

十二、删除选中项 

$('#XXX option:selected').remove();

 十三、删除第一项

$('#XXX option:first').remove();

 十四、循环遍历option

$('#XXX option').each(function(){});

 十五、删除与指定值相等的option

$('#XXX option[value=5]').remove();

十六、根据option的值选中option

$("#XXX option:contains('A')").prop("selected", true);
$("#XXX option:contains('"+AAA+"')").prop("selected", true); // AAA为变量