jQuery-对Select的操作集合

我不是女神ヾ 2022-01-07 08:39 267阅读 0赞

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最大的索引值  
6、$("\#select\_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中

7、$("\#select\_id ").val(4); //设置Select的Value值为4的项选中

8、$("\#select\_id option\[text='jQuery'\]").attr("selected", true);

jQuery添加/删除Select的Option项：

1. $("\#select\_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)  
2. $("\#select\_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)  
3. $("\#select\_id option:last").remove(); //删除Select中索引值最大Option(最后一个)  
4. $("\#select\_id option\[index='0'\]").remove(); //删除Select中索引值为0的Option(第一个)  
5. $("\#select\_id option\[value='3'\]").remove(); //删除Select中Value='3'的Option  
5. $("\#select\_id option\[text='4'\]").remove(); //删除Select中Text='4'的Option

转载于:https://www.cnblogs.com/ymj126/archive/2012/05/10/2495025.html

发表评论取消回复

表情：

评论列表（有 0 条评论，267人围观）

还没有评论，来说两句吧...

相关阅读

相关转：jquery获得select option的值和对select option的操作

[转：jquery获得select option的值和对select option的操作][jquery_select option_ _select option]

阳光穿透心脏的1/2处/ 2022年08月18日 01:52/ 0 赞/ 193 阅读

相关 JQuery 操作select

jQuery获取Select选择的Text和Value： var checkText=$("select_id").find("option:selected").t

心已赠人/ 2022年05月27日 02:56/ 0 赞/ 209 阅读

相关 jquery之操作select

一.基础示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

淡淡的烟草味﹌/ 2022年03月20日 09:14/ 0 赞/ 341 阅读

相关 jQuery-对Radio/CheckBox的操作集合

Query获取Radio选择的Value值: jQuery C\ VB C++ Java jQuery设置Radio的Value值:

朱雀/ 2022年01月22日 23:37/ 0 赞/ 287 阅读

相关 Jquery操作select小结

每次操作select都要查资料，干脆总结一下。为select设置placeholder <select class="form-control selOP" pl

秒速五厘米/ 2022年01月11日 23:09/ 0 赞/ 348 阅读

相关 jQuery-对Select的操作集合

jQuery获取Select选择的Text和Value: 1. $("\select\_id").change(function()\{//code...\}); //为Se

我不是女神ヾ/ 2022年01月07日 08:39/ 0 赞/ 268 阅读

相关 jquery操作select

一、jquery操作select(增加) 1. $("select_id").append("<option value='Value'>Text</optio

旧城等待，/ 2021年12月09日 00:47/ 0 赞/ 326 阅读

相关 jquery radio,select相关操作

Radio ![6e3170d1-a0ea-3a86-8add-a1eb66d68c23.jpg][] 1.获取选中值，三种方法都可以： $('input:ra

分手后的思念是犯贱/ 2021年12月05日 17:53/ 0 赞/ 324 阅读

相关 jquery获得select option的值和对select option的操作

<table style="table-layout:fixed;"> <tbody> <tr> <td> <div> <p><s

╰+哭是因爲堅強的太久メ/ 2021年11月22日 09:38/ 0 赞/ 327 阅读

相关 Jquery操作select小结

每次操作select都要查资料，干脆总结一下。为select设置placeholder <select class="form-control selOP" pl

超、凢脫俗/ 2021年09月17日 14:52/ 0 赞/ 373 阅读