100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html select不允许选择 设置select下拉框不能选择

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

时间:2021-01-19 16:56:45

相关推荐

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

今天在做一个小功能的时候,需要对特定的一个select设置禁止选择,只好采用js进行控制,接下来吾爱编程为大家介绍一下设置select下拉框不能选择的方法,有需要的小伙伴可以参考一下:

1、功能需求:

用户在选择了对应的“新闻资讯”分类之后,后面的对应的目录,设置为不可选择的。

2、思路分析:

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

3、程序代码:$("select[name='typeID']").change(function(){

varid=$(this).val();

varhtmlstr='选择新目录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);

}

});

returnfalse;

ps:上述代码中的1,是对应的分类的ID,这个要根据自己的不同情况去调整。

以上就是吾爱编程为大家介绍的关于select下拉框设置不能选择的方法,了解更多相关文章请关注吾爱编程网!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。