欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery 操作select下拉列表的一些实例

程序员文章站 2022-04-22 20:19:47
...
本文章需要使用到的html:

jquery获取select第一个option的值

$('#test option:first').val();

jquery获取select最后一个option的值

$('#test option:last').val();

jquery获取select第二个option的值

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

jquery获取select选中的值

$('#test').val();
或
$('#test option:selected').val();

jquery设置select值为"php"的option为选中状态

$('#test').attr('value','php');

jquery设置select最后一个option为选中

$('#test option:last').attr('selected','selected');

jquery获取select的长度

$('#test option').length;

jquery为select添加一个option

$("#test").append("");
或
$("").appendTo("#test");

jquery移除select选中项

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

jquery删除select某一项(这里删除第一项)

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

jquery指定值删除select中的option项

$('#test option').each(function(){
    if( $(this).val() == '5'){
         $(this).remove();
     }
});
$('#test option[value=5]').remove();

获取第一个Group的标签

$('#test optgroup:eq(0)').attr('label');

获取第二group下面第一个option的值

$('#test optgroup:eq(1) : option:eq(0)').val();