今天在做一个小功能的时候,需要对特定的一个select设置禁止选择,只好采用js进行控制,接下来吾爱编程为大家介绍一下设置select下拉框不能选择的方法,有需要的小伙伴可以参考一下:
1、功能需求:
用户在选择了对应的“新闻资讯”分类之后,后面的对应的目录,设置为不可选择的。
2、思路分析:
设置select下拉框不能选择,我们可以利用disabled="disabled"。
3、程序代码:$("select[name='typeID']").change(function () {
var id = $(this).val();
var htmlstr ='选择新目录coursesoftjc';
if(id == '1'){
$("select[name='otherid']").attr("disabled","disabled");
$("select[name='otherid']").html(htmlstr);
}else{
$("select[name='otherid']").removeAttr("disabled");
$("select[name='otherid']").html(htmlstr);
}
});
return false;
ps:上述代码中的1,是对应的分类的ID,这个要根据自己的不同情况去调整。
以上就是吾爱编程为大家介绍的关于select下拉框设置不能选择的方法,了解更多相关文章请关注吾爱编程网!