JQuery 操作select

jQuery获取Select选择的TextValue:


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 :last").prop("index"); //获取Select最大的索引值

jQuery添加/删除Select的Option选项:

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

$("#select_id").empty(); // 清空select option选项

JQuery设置select的value为指定值的项选中:

$("#select_id ").val(1); //方法一
$("#select_id  [value='1']").prop("selected", true); // 方法二
$("#select_id  option[value='1']").prop("selected", true); // 方法三

JQuery  select三级联动实现示例:

// 省
$("#province").change(function() {
	var parentId = $(this).val();
	$.ajax({
		url : '/getRegionByParentId.json',
		type : 'get',
		data : {
			parentId : parentId,
			levle:'02'
		},
		success : function(data) {
			var cityObj = $("#city");
			cityObj.empty(); // 清空城市select option
			if(data!=null){
				cityObj.append("<option value=''>'未选择'</option>");
				$.each(data, function(index, value) {
					cityObj.append("<option value='" + value.id + "'>" + value.name + "</option>");
				});
			}
		},
		error: function(){
			layer.msg('获取失败!!', {icon: 7});
		}
	});
});
// 市
$("#city").change(function() {
	var parentId = $(this).val();
	$.ajax({
		url : '/getRegionByParentId.json',
		type : 'get',
		data : {
			parentId : parentId,
			levle:'03'
		},
		success : function(data) {
			var countyObj = $("#county");
			countyObj.empty(); // 清空县区select option
			if(data!=null){
				countyObj.append("<option value=''>'未选择'</option>");
				$.each(data, function(index, value) {
					countyObj.append("<option value='" + value.id + "'>" + value.name + "</option>");
				});
			}
		},
		error: function(){
			layer.msg('获取失败!!', {icon: 7});
		}
	});
});


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值