jquery遍历select并对其进行增加或删除option操作

增加option:
对id=‘colValue’的select进行遍历,末尾增加option

var name = "ty";//显示的值
var num = "1";//option中value的值
for(var i = 0; i < col.length; i++){
	$("#colValue").append(new Option(name, num));
}

对class="colValueClass"的多个select都进行遍历,每个select都增加一个option

var col = $(".colValueClass");
for(var i = 0; i < col.length; i++){
		col[i].append(new Option(name, num));
}

结果:
在这里插入图片描述
在这里插入图片描述
删除指定option:
对id=‘colValue’的单个select进行遍历删除指定option

var colValue = "ty";
$("#colValue").children("option").each(function(){
	if($(this).text() == colValue){
		$(this).remove();
	}else{
		...
	}
});

对class="colValueClass"的多个select都进行遍历,删除指定的option

var colValue = "ty";
$(".colValueClass").each(function(){
	  $(this).children("option").each(function(){
	       if($(this).text() == colValue){
	       		//根据需求对没选中的option和选中的option进行不同的处理
	        	if(!$(this).is(":checked")){              //判断该option是否是选中的
	        		$(this).remove();                     //当前未选中该option,直接remove掉
	        	}else{
	        		...
	        	}
	      }
	});
});

猜你喜欢

转载自blog.csdn.net/weixin_40626699/article/details/86487316