使用jQuery对select下拉菜单进行选择操作

参考：https://www.cnblogs.com/eager/p/7133270.html

 

一、获取第一个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");

$("我是新的option").appendTo("#XXX");

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

$("#XXX").prepend("我是开头的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);

 暂时就总结这么多，以后遇到了补充！