<!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>
该代码实现了一个简单的选择弹窗提示功能,用户可以在弹出的对话框中选择自己喜欢的颜色,或者取消选择。如果用户做了选择,则会弹出一条提示消息,否则也会有提示消息提醒用户没有选择。