<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>选择弹窗提示示例</title>
</head>
<body>
<h1>请选择您喜欢的颜色:</h1>
<buttonshowOption()">点击选择</button>
<script>
function showOption() {
var colors = ["红色", "绿色", "蓝色"]; // 设置可选项
var selectedColor = prompt("请选择您喜欢的颜色:\n\n" + colors.join("\n")); // 弹出选择框
if (selectedColor !== null && selectedColor.trim() !== "") { // 判断是否有选择
alert("您选择了:" + selectedColor);
} else {
alert("您没有选择任何颜色。");
}
}
</script>
</body>
</html>
该代码实现了一个简单的选择弹窗提示功能,用户可以在弹出的对话框中选择自己喜欢的颜色,或者取消选择。如果用户做了选择,则会弹出一条提示消息,否则也会有提示消息提醒用户没有选择。


