当前位置:首页 > 网页设计 >Javascript >

设置select下拉框不能选择

发布时间:2020-04-08 19:10:55 作者:佚名 阅读:(358)

今天在做一个小功能的时候,需要对特定的一个select设置禁止选择,只好采用js进行控制,接下来吾爱编程为大家介绍一下设置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下拉框设置不能选择的方法,了解更多相关文章请关注吾爱编程网!      

欢迎分享转载→ 设置select下拉框不能选择

© 2015-2019 - 吾爱编程网 版权所有 苏ICP备18033726号-1关于我们 - 网站声明 - 联系我们