bootstrap两级菜单级联问题记录

最新推荐文章于 2022-07-18 17:34:57 发布

Eddie-Wang

最新推荐文章于 2022-07-18 17:34:57 发布

阅读量527

点赞数 1

分类专栏： bootstrap 文章标签： bootstrap select级联

本文链接：https://blog.csdn.net/wangchaox123/article/details/89840421

版权

bootstrap 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这次的项目中有一个功能是，当一个下拉框选中一个值后，另一个下拉框要通过js的方式动态选定一个值，当前遇到的一个问题就是，当第二个下拉框实现了选定特定值，但是无法回显到select中，先用下面的方式规避：通过重新加载select中的option进行规避：

//先将现有的option清空
document.getElementById('viewType').options.length = 0;

//重新加载选项数据
var newOptionDefaultT = document.createElement("option");
newOptionDefaultT.value = "T";
newOptionDefaultT.text = "文本框";
document.getElementById("viewType").options.add(newOptionDefaultT);

var newOptionDefaultA = document.createElement("option");
newOptionDefaultA.value = "A";
newOptionDefaultA.text = "文本区域";
document.getElementById("viewType").options.add(newOptionDefaultA);

var newOptionDefaultD = document.createElement("option");
newOptionDefaultD.value = "D";
newOptionDefaultD.text = "日期框";
newOptionDefaultD.selected = true;
document.getElementById("viewType").options.add(newOptionDefaultD);

var newOptionDefaultL = document.createElement("option");
newOptionDefaultL.value = "L";
newOptionDefaultL.text = "下拉列表框";
document.getElementById("viewType").options.add(newOptionDefaultL);