如何在html中动态绑定option,如何通过js动态让select控件选中option指定的值

文章内容如标题所说，这也是最近在做项目中遇到的需求问题，虽然很简单，但是我还是将它作为笔记整理下来下次遇到直接拿来用即可，也为后来需要帮助的小伙伴做个参考。具体要求：当用户对弹框里的内容进行编辑时，根据当初创建选中的select中option值，动态设置select中option选中，那么如何通过js动态设置select中option选中呢？这里需要先为大家补充一下select options集合的知识。推荐阅读《js通过另外一个下拉菜单已选选项来修改当前下拉菜单的选项》获得更多关于select知识。

Select options 集合

定义和用法

option集合可返回包含元素中所有的一个数组。

注意：数组中的每个元素对应一个标签-由0起始。

语法

selectObject.options

属性

属性

描述

length

返回集合的option元素数目

selectedIndex

设置或者返回select对象已选选项的索引值。(以 0 起始)

方法

方法

描述

[index]

以数字形式指定元素索引 (以 0 开始)

[add(element[,index])]

在集合中添加option元素

item(index)

以数字索引返回集合中元素

namedItem(name)

以名称为索引返回集合元素

remove(index)

从集合中移除元素

浏览器支持

所有主要浏览器都支持 options 集合

实例

循环输出下拉列表中的所有