• 转载:jquery 获取和设置 select下拉框的值


    转载网址:http://blog.sina.com.cn/s/blog_5d64f7e301014hgh.html

    //获取第一个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("
    ff");
    $("ff").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();

    获取select中选择的text与value相关的值

    获取select选择的Text : var checkText=$("#slc1").find("option:selected").text();
    获取select选择的value:var checkValue=$("#slc1").val();
    获取select选择的索引值: var checkIndex=$("#slc1 ").get(0).selectedIndex;
    获取select最大的索引值: var maxIndex=$("#slc1 option:last").attr("index");

    设置select选择的Text和Value

    设置select索引值为1的项选中:$("#slc1 ").get(0).selectedIndex=1;
    设置select的value值为4的项选中: $("#slc1 ").val(4);
    设置select的Text值为JQuery的选中:
    $("#slc1 option[text='jQuery']").attr("selected", true);
    PS:特别要注意一下第三项的使用哦。看看JQuery的选择器功能是如此地强大呀!

    添加删除option项

    为select追加一个Option(下拉项)
    $("#slc2").append(""+i+"");
    为select插入一个option(第一个位置)
    $("#slc2").prepend("请选择");
    PS: prepend 这是向所有匹配元素内部的开始处插入内容的最佳方式。
    删除select中索引值最大option(最后一个)
    $("#slc2 option:last").remove();
    删除select中索引值为0的option(第一个)
    $("#slc2 option[index='0']").remove();
    删除select中value='3'的option
    $("#slc2 option[value='3']").remove();
    删除select中text='4'的option
    $("#slc2 option[text='3']").remove();
      获取Select :

    获取select 选中的 text :

       $("#ddlRegType").find("option:selected").text();

    获取select选中的 value:

       $("#ddlRegType ").val();

    获取select选中的索引:

         $("#ddlRegType ").get(0).selectedIndex;

    设置select:

    设置select 选中的索引:

         $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

    设置select 选中的value:

        $("#ddlRegType ").attr("value","Normal“);

        $("#ddlRegType ").val("Normal");

        $("#ddlRegType ").get(0).value = value;

    设置select 选中的text:

    var count=$("#ddlRegType option").length;

    for(var i=0;i
         {           if($("#ddlRegType ").get(0).options[i].text == text)
            {
                $("#ddlRegType ").get(0).options[i].selected = true;
             
                break;
            }
        }

    $("#select_id option[text='jQuery']").attr("selected", true);

    设置select option项:

    $("#select_id").append("

    Text");  //添加一项option

    $("#select_id").prepend("

    请选择"); //在前面插入一项option

    $("#select_id option:last").remove(); //删除索引值最大的Option

    $("#select_id option[index='0']").remove();//删除索引值为0的Option

    $("#select_id option[value='3']").remove(); //删除值为3的Option

    $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

    清空 Select:

    $("#ddlRegType ").empty();

  • 相关阅读:
    博客园美化-SimpleMemor
    Java多线程-synchronized与ReentrantLock
    springboot中删除@SessionAttributes注解的属性
    SSM整合笔记
    Spring中xml和注解方式使用AOP
    Mysql 数据库基本操作
    Mysql 二进制包安装
    named piped tcp proxy 下载
    docker容器中日志文件过大处理方法
    自动做bond的脚本
  • 原文地址:https://www.cnblogs.com/lraa/p/2812388.html
Copyright © 2020-2023  润新知