// 创建一个下拉列表 (select) 并动态添加选项 (option)
// HTML 部分
// <select id="mySelect"></select>
// JavaScript 部分
let select = document.getElementById('mySelect');
// 创建一个新的 option 元素
let option1 = document.createElement('option');
option1.value = 'value1'; // 设置 option 的 value 属性
option1.text = 'Option 1'; // 设置 option 显示的文本
// 将 option 添加到 select 中
select.add(option1);
// 同样的方式创建并添加更多 option
let option2 = document.createElement('option');
option2.value = 'value2';
option2.text = 'Option 2';
select.add(option2);
// 解释说明:
// 1. 使用 `document.createElement('option')` 创建一个新的 option 元素。
// 2. 使用 `.value` 和 `.text` 分别设置 option 的值和显示文本。
// 3. 使用 `select.add()` 方法将 option 添加到 select 下拉列表中。
上一篇:js radio checked
下一篇:js in_array
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站