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

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

  

时间: 2024-11-06 21:28:15

JQuery中对Select的option项的添加、删除、取值的相关文章

总结jquery中对select和option的基本操作

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(

jQuery添加/删除Select的Option项:

jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selected").text();   //获取Select选择的Text 2. var checkValue=jQuery("#select_id").val();   //获取Select选择的option Value 3. var checkIndex=jQuery("#

jquery中cookie用法实例详解(获取,存储,删除等)

这篇文章主要介绍了jquery中cookie用法,结合实例详细分析了jQuery操作cookie的获取,存储,删除等操作,并附带了Jquery操作Cookie记录用户查询过信息实现方法,需要的朋友可以参考下 本文实例讲述了jquery中cookie用法.分享给大家供大家参考,具体如下: cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使用方法. 使用JQuery操作cookie时 发生取的值不正确的问题: 结果发现co

Jquery中select的操作

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

js、jquery、动态添加option项

var selid = document.getElementById("sltid"); for(var i=0; i<10;i++){     //循环添加多个值 sid.option[i] = new Option(i,i); } sid.options[sid.options.length]=new Option("1","2");   // 在最后一个值后面添加多一个 JQuery: [html] view plaincopy &

js、jquery中select的用法

1.js var obj=document.getElementById(selectid); obj.options.length = 0; //清除所有内容 obj.options[index] = new Option("three",3); //更改对应的值 obj.options[index].selected = true; //保持选中状态 obj.add(new Option("4","4")); ”文本",”值&quo

jquery操作select(取值,设置选中)

最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[text='pxx']").

jQuery获取Select选中的Text和Value,根据Value值动态添加属性等

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

jquery操作select下拉框的多种方法(选中,取值,赋值等)

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