jQuery操作Select选择的Text和Value(获取/设置/添加/删除)_jquery

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选择的Text和Value:
语法解释:

复制代码 代码如下:

. $("#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项
点击一次,Select将追加一个Option
点击将在Select第一个位置插入一个Option
点击将删除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

时间: 2024-09-23 09:13:43

jQuery操作Select选择的Text和Value(获取/设置/添加/删除)_jquery的相关文章

jQuery操作Select的Option上下移动及移除添加等等_jquery

复制代码 代码如下: <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript"> /**

jQuery获取Select选择的Text和Value(详细汇总)_jquery

语法解释: 复制代码 代码如下: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val();

jquery操作select方法汇总_jquery

本文实例汇总了jquery操作select的方法.分享给大家供大家参考.具体如下: jQuery获取Select选择的Text和Value:      语法解释: 复制代码 代码如下: $("#select_id").change(function(){//code...});//为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text();

jquery操作select详解

 本篇文章主要是对jquery操作select(取值,设置选中)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了.   比如<select class="selector"></select>   1.设置value为pxx的项选中    $(".selector").val("pxx");   2.设置text为pxx的项选中

jquery操作select集合

语法解释: 1. $("#select_id").change(function(){//code...});    //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text 3. var checkValue=$("#select_id").val();   //获

jquery下拉select控件操作方法分享(jquery操作select)_jquery

JQuery获取和设置Select选项方法汇总如下: 代码: 复制代码 代码如下: $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Textvar checkValue=$("#select

jQuery操作Select

jQuery是如何控制和操作select的.先看下面的html代码 <select id="test"> <option value="1">选项一<option> <option value="2">选项一<option> ... <option value="n">选项N<option> </select> 所谓jQuery操作

js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)

原文:js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js 代码// 1.判断select选项中 是否存在Value="paraValue"的Item        function jsSelectIsExitItem(objSelect, objItemValue) {            var isExit = false;            for (var i

jquery操作select radio box实例代码

select框操作 获取值  代码如下 复制代码 $('#select').val() 设置值为xx的项为选中  代码如下 复制代码 $('#select').val(xx) 设置文本信息为yy的项为选中  代码如下 复制代码 $('#select option[text="yy"]').attr("selected", true); 获取select选中的索引:  代码如下 复制代码      $("#ddlRegType ").get(0).