JQuery中对Select的option项的添加、删除、取值

时间:2024-04-22 12:59:14 

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最大的索引值


jQuery添加/删除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


内容清空:


$("#charCity").empty();
标签:JQuery,Select,option
0
投稿

猜你喜欢

  • Nuxt3+ElementPlus构建打包部署全过程

    2023-07-02 16:28:51
  • Python入门之字典的使用教程

    2021-09-15 00:35:12
  • 作符合用户体验的input输入框

    2008-01-10 12:21:00
  • Python request操作步骤及代码实例

    2022-03-16 10:42:47
  • 详解python里使用正则表达式的分组命名方式

    2023-10-16 22:02:17
  • python自动提取文本中的时间(包含中文日期)

    2023-08-22 21:32:11
  • DJANGO-ALLAUTH社交用户系统的安装配置

    2022-10-03 11:29:08
  • 最简洁的asp多重查询的解决方案

    2011-04-15 10:50:00
  • golang coroutine 的等待与死锁用法

    2024-04-30 10:03:34
  • tensorflow使用神经网络实现mnist分类

    2023-07-05 10:19:13
  • Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例

    2023-12-28 10:13:11
  • Python实现对excel文件列表值进行统计的方法

    2022-08-08 17:42:23
  • Python3获取cookie常用三种方案

    2022-10-20 02:56:19
  • 防注入asp过滤sql特殊字符函数

    2007-10-23 17:50:00
  • Centos7 mysql数据库安装及配置实现教程

    2024-01-16 06:39:40
  • Python中ArcPy栅格裁剪栅格(批量对齐栅格图像范围并统一行数与列数)

    2021-02-19 21:12:48
  • MySQL运行状况查询方式介绍

    2024-01-26 03:54:52
  • 浅谈spring boot 集成 log4j 解决与logback冲突的问题

    2023-06-22 13:12:05
  • Python内存管理方式和垃圾回收算法解析

    2022-09-10 17:49:11
  • 通过优化CSS代码 减小对系统资源的占用

    2010-08-03 12:33:00
  • asp之家 网络编程 m.aspxhome.com