Javascript 我可以改进这种基于所选选项显示div的方法吗？（标签选择和显示分区）

我开发了一个代码，其目的是根据所选的下拉选项显示一些特定的div。我使用数组是因为我将从数据库获取数据（填充数组的方式是临时的）

重要信息=该代码用于搜索网页中名为“目录”的部分。这个网页是关于健康的，在这一部分，你可以得到医生和专家的联系信息，按照顺序，我需要的是过滤医学专业

我的问题是，我能让这个代码更简单吗？我应该添加/删除哪些内容以实现此目的

var选项=[{
“文本”：“选项0”，
“值”：“0”，
“选定”：真
},
{
“文本”：“选项1”，
“值”：“1”
},
{
“文本”：“选项2”，
“值”：“2”
},
{
“文本”：“选项3”，
“值”：“3”
}
];
var selectBox=document.getElementById（'kamal'）；
对于（变量i=0，l=options.length；i

hi1
hi1
hi1
hi1


hi2
hi2
hi2
hi2


hi3
hi3
hi3
hi3

是，更简单。
第一：使用CSS，不要在html正文部分混用CSS代码，
第二：不要在html主体部分中混用js代码，
第三：ES6编码更少，更清晰

const
选项=[
{“文本”：“选项0”，“值”：“选定”：true}
，{“文本”：“选项1”，“值”：“blk-1”，“所选”：false}
，{“文本”：“选项2”，“值”：“blk-2”，“所选”：false}
，{“text”：“Option 3”，“value”：“blk-3”，“selected”：false}
]
，selectBox=document.getElementById（'kamal'）；
options.forEach（（opt，i）=>
{
selectBox[i]=新选项（opt.text，i，opt.selected）；
})
selectBox.onchange=function（）
{
let Limit=parseInt（selectBox.value）
options.forEach（（opt，i）=>{
如果（选择值！=''）
{
document.getElementById（opt.value）.className=（i div，
分区#blk-2>分区，
分区#blk-3>分区{
背景颜色：绿色；
宽度：100px；
高度：50px；
位置：相对位置；
显示：内联块；
}

hi1
hi1
hi1
hi1


hi2
hi2
hi2
hi2


hi3
hi3
hi3
hi3