HTML select 元素用于创建下拉列表,可以通过设置 selected 属性来赋值,以下是详细的步骤和小标题:
(图片来源网络,侵删)1、创建一个 HTML 文件,添加一个 select 元素和一个 option 元素:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF8"> <meta name="viewport" content="width=devicewidth, initialscale=1.0"> <title>HTML Select 赋值示例</title> </head> <body> <select id="mySelect"> <option value="option1">选项1</option> <option value="option2">选项2</option> <option value="option3">选项3</option> </select> </body> </html>
2、通过 JavaScript 为 select 元素赋值:
// 获取 select 元素 var selectElement = document.getElementById("mySelect"); // 设置选中的 option 元素的索引(从0开始) selectElement.selectedIndex = 1; // 选中第二个选项(索引为1)
3、使用 JavaScript 为 select 元素赋值的表格:
方法 | 描述 |
selectElement.selectedIndex | 设置选中的 option 元素的索引(从0开始) |
selectElement.value | 获取或设置 select 元素的值 |
selectElement.options[index].value | 获取或设置指定索引的 option 元素的值 |
selectElement.options[index].text | 获取或设置指定索引的 option 元素的文本内容 |
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。