jquery操作select的方法-创新互联

这篇文章将为大家详细讲解有关jquery操作select的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联是一家集网站建设,宣恩企业网站建设,宣恩品牌网站建设,网站定制,宣恩网站建设报价,网络营销,网络优化,宣恩网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

jQuery可以对select进行添加删除以及清空等操作,比如通过append方法在元素之后添加内容,remove方法删除内容,empty方法清空内容

jQuery是一个轻量级的JavaScript函数库,它包含了HTML元素的操作,事件函数,特效动画等等功能

jquery操作select的方法

jQuery中的select方法就是当 textarea 或文本类型的 input 元素中的文本被选择时,会触发 select 事件,或者发生select事件所运行的函数。接下来在文章中将具体介绍如何来操作select方法,即增加、删除以及清空

jQuery获取select方法选择的text和value值:

//获取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");

jQuery增加select中的option项:

通过append和prepend方法为select添加option内容

append():表示在元素的结尾插入内容

prepend() :表示在元素的开头插入内容

$("select").append("")

效果图:

jquery操作select的方法

$("select").prepend("")

效果图:

jquery操作select的方法

jQuery删除select中option项

例:

//删除索引值大的option值
$("#select_id option:last").remove(); 
//删除select中Value='3'的option值
$("#select_id option[value='3']").remove();

jQuery清空select中的option值

通过empty函数即可清除select中的值

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

效果图:

jquery操作select的方法

关于jquery操作select的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


名称栏目:jquery操作select的方法-创新互联
本文网址:http://bzwzjz.com/article/cejcgh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 品牌网站建设 成都网站建设 成都网站建设推广 网站建设方案 网站建设 企业网站制作 广安网站设计 成都网站制作 成都网站建设 成都网站制作 梓潼网站设计 教育网站设计方案 定制网站制作 成都网站制作 成都网站设计公司 成都网站设计 重庆企业网站建设 达州网站设计 成都网站建设 成都网站建设 网站设计公司 网站建设开发