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);
  • 相关阅读:
    c标签页面进行解析json
    Android 简述touch事件中的MotionEvent
    R中读取文件,找不到路径问题 No such file or directory
    文章标题
    Codeforces Beta Round #2 C. Commentator problem
    openfire 开发遇到的些问题
    BZOJ 刷题记录 PART 5
    公司又裁人了……
    最简单的基于FFmpeg的移动端样例:Android 视频转码器
    单片机: 简易计算器的实现(键盘)
  • 原文地址:https://www.cnblogs.com/BluceLee/p/13048813.html
Copyright © 2011-2022 走看看