jQuery对select的基本操作

简介:
一、基本操作

为select添加事件,当选择其中一项时触发
$("#select_id").change(function(){ });   


获取select选择的Text
var checkText=$("#select_id").find("option:selected").text();


获取Select选择的Value
var checkValue=$("#select_id").val();


获取select选择的索引值
var checkIndex=$("#select_id ").get(0).selectedIndex;  


获取select最大的索引值
var maxIndex=$("#select_id option:last").attr("index");  


设置Select索引值为1的项选中
$("#select_id ").get(0).selectedIndex=1;


设置Select的Value值为4的项选中
$("#select_id ").val(4);


设置Select的Text值为jQuery的项选中
$("#select_id option[text='jQuery']").attr("selected", true);



二、添加/删除select元素的Option项

为select追加一个Option(下拉项)
$("#select_id").append("
Text");


为select插入一个Option(第一个位置)
$("#select_id").prepend("
请选择");


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


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


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


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


原帖地址:http://blog.sina.com.cn/s/blog_657332580100znjq.html
目录
相关文章
|
7月前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
7月前
|
JavaScript 索引
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中)
186 0
|
存储 JavaScript 前端开发
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
143 1
|
JavaScript 前端开发
【前端】用jquery或js获取select标签中选中的option值及文本
用jquery或js获取select标签中选中的option值及文本
1194 0
|
缓存 JavaScript 前端开发
|
JavaScript 前端开发
jquery 获取当前select onchange事件
jquery 获取当前select onchange事件
jquery 获取当前select onchange事件
|
JavaScript
jQuery多级联动美化版Select下拉框
在线演示 本地下载
1264 0
|
JavaScript
jQuery 手动触发 select 值改变
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82892933 ...
1632 0
|
JavaScript 索引