jQuery操作select下拉框的text值和value值的方法

时间:2022-02-01 03:19:06

1、jquery获取当前选中select的text值

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

2、jquery获取当前选中select的value值

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

3、jquery获取当前选中select的索引值

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

4、jquery设置索引值为1的项为当前选中项

$("#select1").get(0).selectedIndex=1; 

5、jquery设置value值1的项为当前选中项

$("#select1").val(1);

6、jquery设置text值为"2017"的项为当前选中项

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

7、为指定select下拉框追加一个option(追加到在末尾)

$("#select1").append(""+i+""); 

8、为制定select下拉框插入一个option(插入到第一个位置)

$("#select1").prepend("请选择"); 

9、jquery删除select下拉框的最后一个option

$("#select1 option:last").remove();

10、清空select控件内容

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

11、jQuery添加/删除Select的Option项

$("#select1").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)

$("#select1").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

$("#select1 option:last").remove(); //删除Select中索引值最大Option(最后一个)

$("#select1 option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)

$("#select1 option[value='3']").remove(); //删除Select中Value='3'的Option

$("#select1 option[text='4']").remove(); //删除Select中Text='4'的Option

jQuery操作select下拉框的text值和value值的方法的更多相关文章

  1. jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等

    简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...

  2. JQuery操作select下拉框

    JQuery操作select下拉框 获取Select选择的Text和Value $("#select_id").change(function(){//code...}); //为 ...

  3. jquery操作select下拉框的多种方法&lpar;选中&comma;取值&comma;赋值等&rpar;

    Query获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Sel ...

  4. jquery操作select下拉框:取值,赋值,删除

    1.jQuery对select的取值 <select id="test"> <option value ="1">测试1</opt ...

  5. js&amp&semi;jquery 获取select下拉框的值、文本内容、自定义属性

      js&jquery 获取select下拉框的值.文本内容.自定义属性 CreationTime--2018年7月2日09点22分 Author:Marydon html <selec ...

  6. selenium webdriver学习(八)------------如何操作select下拉框&lpar;转&rpar;

    selenium webdriver学习(八)------------如何操作select下拉框 博客分类: Selenium-webdriver   下面我们来看一下selenium webdriv ...

  7. Selenium常用操作汇总二——如何操作select下拉框

    下面我们来看一下selenium webdriver是如何来处理select下拉框的,以http://passport.51.com/reg2.5p这个页面为例.这个页面中有4个下拉框,下面演示4种选 ...

  8. Jquery对select下拉框的操作

    一.jQuery获取Select选择的Text和Value:语法解释: $("#select_id").change(function(){//code...});   //为Se ...

  9. Jquery学习笔记:利用jquery获取select下拉框的值

    jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来. 我的下拉框是: <div class="form-group"> <select class= ...

随机推荐

  1. WinForm中WebBrowser的使用

    最近由于工作需要,研究了下Winform的WebBrowser控件,在这里给大家分享下. 1.WebBrowser导航 WebBrowser在进行导航的时候需要用到Navigate(string ur ...

  2. 【leetcode】Longest Consecutive Sequence(hard&rpar;&star;

    Given an unsorted array of integers, find the length of the longest consecutive elements sequence. F ...

  3. Maven更新父子模块的版本号

    前置条件: 1.安装有吃饭的家伙JAVA和MAVEN. 首先,需要有一个packaging类型为pom的pom.xml文件即我们的parent项目pom文件.在这个parent项目中配置好groupI ...

  4. 【转】关于 hashCode&lpar;&rpar; 你需要了解的 3 件事

    在 Java 中,每一个对象都有一个容易理解但是仍然有时候被遗忘或者被误用的 hashCode 方法.这里有3件事情要时刻牢记以避免常见的陷阱. 一个对象的哈希码允许算法和数据结构将对象放入隔间,就象 ...

  5. 【JavaScript】

    右键禁用.防止文字选中 .返回选中的文本 JavaScript 原理 Javascript高性能动画与页面渲染 前端不为人知的一面--前端冷知识集锦 屏幕外去计算值,position:absolute ...

  6. sql server多行数据&lpar;一列&rpar;转换成一个字段

    create table #test ( id int not null, memeo int not null ) ,) ,) ,) )) ,,'') drop table #test 总结: 格式 ...

  7. 江西省移动物联网发展战略新闻发布会举行-2017年10月江西IDC排行榜与发展报告

    编者按:当人们在做技术创新时,我们在做“外包产业“:当人们在做制造产业,我们在做”服务产业“:江人们在做AI智能时,我们在做”物联网“崛起,即使有一个落差,但红色热土从不缺少成长激情. 本期摘自上月初 ...

  8. 转:C&plus;&plus;学习之Pair

    Pair类型概述 pair是一种模板类型,其中包含两个数据值,两个数据的类型可以不同,基本的定义如下: pair<int, string> a; 表示a中有两个类型,第一个元素是int型的 ...

  9. CLR类型设计之属性

    在之前的随笔中,我们探讨了参数,字段,方法,我们在开始属性之前回顾一下,之前的探讨实际上串联起来就是OOP编程的思想,在接下来的文章中,我们还会讨论接口(就是行为),举个例子:我们如果要做一个学生档案 ...

  10. ABP入门系列(9)——权限管理

    ABP入门系列目录--学习Abp框架之实操演练 源码路径:Github-LearningMpaAbp 完成了简单的增删改查和分页功能,是不是觉得少了点什么? 是的,少了权限管理.既然涉及到了权限,那我 ...