设置select下拉框不能选择

今天在做页面的一个小功能，需要使用js对特定的一个select选项设置禁止选择，接下来云梦编程为大家介绍一下设置select下拉框不能选择的方法，有需要的小伙伴可以参考一下：

1、功能需求：

    用户在选择了对应的“游戏攻略”分类之后，后面的对应的目录，设置为不可选择的。

2、思路分析：

    设置select下拉框不能选择，我们可以利用disabled="disabled"。

3、程序代码：

$("select[name='typeID']").change(function () {
    var id = $(this).val();
    var htmlstr ='<option value="">选择新目录</option><option value="course">course</option><option value="softjc">softjc</option>';
    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下拉框设置不能选择方法的全部内容了，了解更多相关文章请关注云梦编程网！