使用 JavaScript 设置下拉列表的选择项358

使用 JavaScript 设置下拉列表（也称为 select 元素）的选择项是一个常见的任务，特别是在需要根据动态数据或用户交互动态更新下拉列表内容的应用程序中。

创建下拉列表选择项

要创建下拉列表选择项，可以使用 createElement() 方法创建一个 option 元素。该元素应具有一个 value 属性来存储选择项的值，以及一个 text 属性来显示选择项的文本。
const option = ('option');
= 'value1';
= 'Text 1';

将选择项添加到下拉列表

要将选择项添加到下拉列表，可以使用 appendChild() 方法将选择项元素添加到 select 元素。下拉列表会自动更新其内容。
const select = ('select');
(option);

使用 JavaScript 设置选定的选择项

要使用 JavaScript 设置下拉列表中选定的选择项，可以使用 selectedIndex 属性。该属性指定下拉列表中当前选定的选择项的索引（从 0 开始）。
// 设置第一个选择项为选中项
= 0;

使用 JavaScript 获取选定的选择项

要使用 JavaScript 获取下拉列表中选定的选择项，可以使用 selectedOptions 属性。该属性返回一个包含选定选择项的数组。
// 获取选定的选择项
const selectedOptions = ;

使用 JavaScript 循环遍历选择项

要使用 JavaScript 循环遍历下拉列表中的选择项，可以使用 forEach() 方法。
((option) => {
// 对每个选择项执行操作
});

示例
const select = ('select');
// 创建一些选择项
const option1 = ('option');
= 'value1';
= 'Text 1';
const option2 = ('option');
= 'value2';
= 'Text 2';
// 将选择项添加到下拉列表
(option1);
(option2);
// 设置第一个选择项为选中项
= 0;
// 循环遍历选择项
((option) => {
();
});