• JQuery对下拉列表Select的一些操作


    1.假如select中存在选项,需要清空的情况:

    $("#search").find("option").remove(); 
    
    $("#search").empty(); 
    

    2.需要在select中对option进行添加的情况:

    $("#select_id").append("<option value='Value'>Text</option>"); 
    //为Select追加一个Option(下拉项) 
    
    $("#select_id").prepend("<option value='0'>请选择</option>"); 
    //为Select插入一个Option(第一个位置) 
    
    $("#select_id option:last").remove(); 
    //删除Select中索引值最大Option(最后一个) 
    
    $("#select_id option[index='0']").remove();
     //删除Select中索引值为0的Option(第一个) 
    
    $("#select_id option[value='3']").remove();
     //删除Select中Value='3'的Option 
    
    $("#select_id option[text='4']").remove(); 
    //删除Select中Text='4'的Option 
    

      3.jQuery获取Select选择的Text和Value: 

    $("#select_id").change(function(){//code...});
     //为Select添加事件,当选择其中一项时触发 
    
    var checkText=$("#select_id").find("option:selected").text(); 
    //获取Select选择的Text 
    
    var checkValue=$("#select_id").val();
    //获取Select选择的Value 
    
    var checkIndex=$("#select_id ").get(0).selectedIndex;
     //获取Select选择的索引值 
    
    var maxIndex=$("#select_id option:last").attr("index");
     //获取Select最大的索引值 
    

      参考网站:

    http://www.jb51.net/article/40510.htm

    http://www.jb51.net/article/40856.htm

  • 相关阅读:
    css 基础
    css 基础-1
    html 入门2-表
    CMDB (后台管理) CURD 插件
    序列化
    AES(高级加密)
    API验证
    数据库取时间(分组)
    用户权限 (知识点)
    xss 过滤
  • 原文地址:https://www.cnblogs.com/zhucheng88/p/5660191.html
Copyright © 2020-2023  润新知