jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option

全栈工程师开发手册 (作者:栾鹏)

jquery系列教程2-DOM操作全解

jquery中select操作

jquery中select操作函数和字段包括append、prepend、remove、find、val、get、selectedIndex、attr、option,具体功能如代码中注释。

代码如下:

$("#selectId").append("<option value='"+value+"'>"+text+"</option>");    //添加option
$("#select_id").prepend("<option value='0'>请选择</option>"); 			//为select插入一个option(第一个位置)
$("#select_id option[index='0']").remove(); 							//删除select中索引值为0的option(第一个)
$("#select_id option[text='4']").remove(); 								//删除select中Text='4'的option
$("#select_id option[value='3']").remove(); 							//删除select中Value='3'的option
$("#selectedId option").remove(); 										//删除所有option
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最大的索引值
$(".selector").val("pxx"); 												//设置value为pxx的项选中
$(".selector").find("option[text='pxx']").attr("selected",true); 		//设置text为pxx的项选中
$("#select_id ").get(0).selectedIndex=1; 								//设置select索引值为1的项选中
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

腾讯AI架构师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值