JavaScript 创建下拉菜单：HTML 和 JavaScript 代码示例

以下是一个简单的 HTML 和 JavaScript 代码，用于创建一个下拉菜单：

<!DOCTYPE html>
<html>
<head>
	<title>下拉菜单</title>
</head>
<body>
	<label for='fruit'>请选择一种水果：</label>
	<select id='fruit'>
		<option value='apple'>苹果</option>
		<option value='banana'>香蕉</option>
		<option value='orange'>橙子</option>
		<option value='peach'>桃子</option>
	</select>

	<script>
		var fruitSelect = document.getElementById('fruit'); // 获取下拉框元素
		fruitSelect.addEventListener('change', function() { // 给下拉框添加change事件监听器
			var selectedFruit = fruitSelect.options[fruitSelect.selectedIndex].value; // 获取选中的选项
			alert('您选择了：' + selectedFruit); // 弹出选项值
		});
	</script>
</body>
</html>

上述代码定义了一个包含四个选项的下拉菜单，并通过 JavaScript 添加了一个事件监听器，以便在选择选项时弹出选项的值。

JavaScript 创建下拉菜单：HTML 和 JavaScript 代码示例