zoukankan      html  css  js  c++  java
  • 如何用jQuery获得select的值

    如何用jQuery获得select的值,在网上找了看了一下,下面将总结一下:

    1.获取第一个option的值       

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

    2.最后一个option的值                     

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

    3.获取第二个option的值          

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

    4.获取选中的值                         

    $('#test').val();

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

    5.设置值为2的option为选中状态   

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

    6.设置最后一个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());

    7.获取select的长度            

    $('#test option').length;

    8.添加一个option

    $("#test").append("<option value='n+1'>第N+1项</option>");
    
    $("<option value='n+1'>第N+1项</option>").appendTo("#test");

    9.添除选中项       

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

    10.删除项选中(这里删除第一项)       

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

    11.指定值被删除

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

    12.获取第一个Group的标签

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

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

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

    14.根据option的值选中option

    $("#sel option:contains('C')").prop("selected", true);
  • 相关阅读:
    bzoj4195 [Noi2015]程序自动分析
    bzoj4236 JOIOJI hash 模拟
    bzoj1012 [JSOI2008]最大数maxnumber
    day 4 名片管理系统 -函数版
    day 3 局部变量 全局变量
    day 2 函数的嵌套
    day1 函数 (独立功能代码块)
    day 14 元组
    day 13 字典dict 操作
    day 12 列表字典 补充
  • 原文地址:https://www.cnblogs.com/BluceLee/p/13048813.html
Copyright © 2011-2022 走看看