zoukankan      html  css  js  c++  java
  • jQuery操作Select

    所谓jQuery操作“select”, 也是jQuery控制 “option”, 看下面的jQuery代码:
    
    
    //获取第一个option的值
    $('#test option:first').val();
    
    //最后一个option的值
    $('#test option:last').val();
    
    //获取第二个option的值
    $('#test option:eq(1)').val();
    
    //获取选中的值
    $('#test').val();
    $('#test option:selected').val();
    
    //设置值为2的option为选中状态
    $('#test').attr('value','2');
    
    //设置最后一个option为选中
    $('#test option:last').attr('selected','selected');
    $("#test").attr('value' , $('#test option:last').val());
    $("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
    
    //获取select的长度
    $('#test option').length;
    
    //添加一个option
    $("#test").append("<option value='n+1'>第N+1项</option>");
    $("<option value='n+1'>第N+1项</option>").appendTo("#test");
    
    //删除除选中项
    $('#test option:selected').remove();
    
    //删除第一项
    $('#test option:first').remove();、
    
    //指定值被删除
    $('#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();
  • 相关阅读:
    家庭记账本(三)记录页面的完善
    家庭记账本(二)记录界面显示
    家庭记账本(一)页面绘制
    MyBaits增删改查
    2021.01.20
    Maven_依赖与生命周期
    1592. Rearrange Spaces Between Words
    1588. Sum of All Odd Length Subarrays
    933. Number of Recent Calls
    765. Couples Holding Hands
  • 原文地址:https://www.cnblogs.com/yangsoon/p/7697895.html
Copyright © 2011-2022 走看看