Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 501|回复: 0

[默认分类] jQuery操作select下拉框(增加,删除,修改)

[复制链接]
  • TA的每日心情
    开心
    2021-12-13 21:45
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    发表于 2018-7-7 17:54:16 | 显示全部楼层 |阅读模式

    jQuery获取Select选择的Text和Value:

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


    jQuery设置Select选择的Text和Value:



    1. $("#select_id ").get(0).selectedIndex=1;   //设置Select索引值为1的项选中$("#select_id ").val(4);    //设置Select的Value值为4的项选中$("#select_id option[text="jQuery"]").attr("selected", true);    //设置Select的Text值为jQuery的项选中
    复制代码


    jQuery添加/删除Select的Option项:

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


    jQuery清空Select:

    1. <pre name="code" class="javascript">1. $("#select_id").find("option").remove();
    2. 2. $("#select_id").empty();
    复制代码
    [code][/code]




    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2024-4-26 04:08 , Processed in 0.320220 second(s), 37 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表