陈表达学html-弹出显示下拉菜单-窗口案例
warning:
这篇文章距离上次修改已过446天，其中的内容可能已经有所变动。
在HTML中，可以使用<select>元素创建一个下拉菜单，并使用JavaScript结合window.alert()来实现弹出显示下拉菜单选中的值的简单示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>下拉菜单弹出选择值示例</title>
<script>
function showSelected() {
var selectElement = document.getElementById("mySelect");
var selectedValue = selectElement.options[selectElement.selectedIndex].text;
window.alert("您选择了: " + selectedValue);
}
</script>
</head>
<body>
<select id="mySelect">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>
<button onclick="showSelected()">弹出选择</button>
</body>
</html>在这个例子中，我们定义了一个带有ID的<select>元素，并为其添加了三个<option>元素。然后，我们创建了一个按钮，当被点击时，会调用showSelected函数。这个函数会获取下拉菜单当前选中的值，并使用window.alert()将其弹出显示。
评论已关闭