使用JS动态设置下拉框默认值

有个朋友带着某博主的文章来问我，为什么他设置的下拉框无效？现在通过讲讲他开发时遇到的小问题来讲一下如何使用JS动态设置下拉框默认值。

1、获取下拉框标签

获取下拉框标签：document.getElementById("id")[a]，这里的a表示的是数字0、1、2、3……，不是value值。

        刚好博主 的value值与数组下标值一样，他就傻傻的填了从后端获取的value值上去。但是控制台提示的错误是：

两人一直死盯着“true”啥都看不明白为什么不对。document.getElementById("id")[ ]是一个数组，[ ]里面就是下标值呀。使用JS动态设置下拉框默认值具体操作如图1所示。

2、获取下拉选项的下标。

在下拉框中有一个selectedIndex属性是获取选项的下标：document.getElementById("id").selectedIndex 。

这位同志问我怎么将value值转为对应的下标，我随口说拿到后台的value，自己手动if else判断。

那如果有100个选项呢？100个if else ？后面我想了一下平时老师说的，可以给对应的option添加name或者title属性，在这里面存0、1、2、3……，根据value值拿到对应的属性值就是下标。

后来我想起很多标签都是有index属性的，下拉款应该也有，百度一下发现selectedIndex属性，这下就变得简单多了。就算只有从后台拿到value值，也是分分钟能获取到下标的。

https://blog.csdn.net/qq_39455650/article/details/85100004