首页写一个 select选择事件实例

写一个 select选择事件实例

时间: 2023-09-03 19:13:23 浏览: 41

好的，以下是一个简单的 select 选择事件实例： ```html <!DOCTYPE html> <html> <head> <title>Select Event Example</title> </head> <body> <select id="mySelect" onchange="showSelected()"> <option value="">请选择一个选项</option> <option value="option1">选项1</option> <option value="option2">选项2</option> <option value="option3">选项3</option> </select> <p id="result"></p> <script> function showSelected() { var select = document.getElementById("mySelect"); var selectedValue = select.value; var result = document.getElementById("result"); if (selectedValue === "") { result.innerHTML = "请选择一个选项"; } else { result.innerHTML = "你选择了：" + selectedValue; } } </script> </body> </html> ``` 该实例中，我们创建了一个 select 元素，并在其中添加了几个选项。当用户选择其中一个选项时，会触发 `onchange` 事件，并调用 `showSelected()` 函数。在该函数中，我们获取当前选中的值，然后更新页面上的文本内容。如果用户没有选择任何选项，则显示提示信息。