如何通过js动态设置select中option选中

简介如何通过js动态设置select中option选中

今天开发网站遇到一个小问题,如何动态通过js让select控件选中指定的值呢?在调试过程中,发现了amazeui这个ui组件的问题,使用它个组件的样式就无法通过selected=true设置为选中。

后来,去了官网查找了相关方法来实现,但是按照官网的代码并不能达到选中效果,最后无奈只能将样式去掉,使用HTML原有的样式,手动通过JS来实现这个功能。

解决办法

手动通过原生JS来实现:

/**
*设置select控件选中
*@paramselectIdselect的id值
*@paramcheckValue选中option的值
*@author标哥
*/
functionset_select_checked(selectId,checkValue){
varselect=document.getElementById(selectId);

for(vari=0;i<select.options.length;i++){
if(select.options[i].value==checkValue){
select.options[i].selected=true;
break;
}
}
}

然后通过这样来调用:

//设置select选中该班组
set_select_checked('edit-group',group_id);

注意:不要传'#edit-group',习惯了jquery,会出问题的~

问题虽然简单,但是记录下来,下次直接复制过来即可!




声明:
1,如果您发现本文件已经失效不能下载,请联系站长修正或留言!
2,本站提供的资源多数为百度网盘下载,对于大文件,你需要安装百度云客户端才能下载!
3,部分文件引用的官方或者非网盘类他站下载链接,你可能需要使用迅雷、BT等下载工具下载!
4,本站推荐的资源均经由站长检测或者个人发布,不包含恶意软件病毒代码等,如果你发现此类问题,请向站长举报!
5,本站仅提供文件的免费下载服务,如果你对代码程序软件的使用有任何疑惑,请留言。
6,本网站在文章内容仅供于学习参考使用,请勿作为商业通途使用,版权归原作者所有。如您对内容、版权等问题存在异议请与本站联系,我们会及时进行处理解决。

下一篇:

iOS12.1.3正式版更新了什么 苹果iOS12.1.3新特性与升降级全攻略


上一篇:

tp5写分页内容会重置怎么办?


文章评论

Top