jquery操作select - 代码合集

//为Select添加事件,当选择其中一项时触发
$("#select").change(function(){
	var val = $("#select").val();
	console.log(val);
}); 
$("#select option[value='"+val+"']").attr("selected",true);//jquery设置选中项
$("#select option[value='"+val+"']").attr("disabled",true);//jquery设置禁用项
$("#select").find("option:selected").text(); //获取Select选中项文本
var getValue=$("#select").val(); //获取Select选中项的value值
var getEq=$("#select").get(0).selectedIndex; //获取Select选择的索引值
var getMaxEq=$("#select option:last").attr("index"); //获取Select最大的索引值
 
//jQuery添加/删除Select的option项:
$("#select").append("<option value='val'>text</option>"); //为Select追加一个option(下拉选项)
$("#select").prepend("<option value='0'>请选择</option>"); //为Select插入一个option(第一个位置)

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

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

$("#charCity").empty(); //内容清空

$("#select").change(function(){//code...}); //为Select添加事件,当选择option其中一项时触发
var getText=$("#select").find("option:selected").text(); //获取Select选中项的text文本
var getEq=$("#select").val(); //获取Select选中项的value
var getIndex=$("#select").get(0).selectedIndex; //获取Select选择的索引值
var getMaxIndex=$("#select option:last").attr("index"); //获取Select最大的索引值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值