html select不允许选择,设置select下拉框不能选择

今天在做一个小功能的时候，需要对特定的一个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下拉框设置不能选择的方法，了解更多相关文章请关注吾爱编程网！