禁用下拉框

列表页面中点击查看按钮时,不想让用户可以选择其他的选项。虽然可以直接去掉提交按钮,来实现让用户只能查看不能修改的功能,但是用户还是可以自由的查看下拉框里的内容。

我们要实现的是只能查看,就是将所有选择框禁用:

$(function() {
	//查看弹出页面,禁止内容修改
	$('#popup input').attr("disabled",true);
	$('#popup textarea').attr("disabled",true);
	$('select').prop("disabled",true);
	
	$('#eventtype').attr("disabled",false);
	$('#lossform').attr("disabled",false);
	$('#serviceline').attr("disabled",false);
	$('#eventstatus').attr("disabled",false);
	$('#planstatus').attr("disabled",false);
}

input框可以直接 id input的形式选中;

disabled属性:为true是禁用,为false为开启;(可根据需求自由选择禁用);

下拉选择框 select选择器选择所有下拉框,同样是disabled属性禁用所有下拉框;

猜你喜欢

转载自blog.csdn.net/weixin_42195292/article/details/81454764