下拉列表如何设置非空

在Web开发中，设置下拉列表（也称为下拉菜单或下拉框）为非空，意味着用户在选择之前必须选择一个选项。以下是几种常见的前端技术实现方式：

HTML + JavaScript

1. HTML部分：为每个选项添加`required`属性。

```html

请选择一个选项

选项1

选项2

```

2. JavaScript部分：在表单提交时验证下拉列表是否被选中。

```javascript

document.querySelector('form').addEventListener('submit', function(event) {

var select = document.querySelector('select[name="example"]');

if (!select.value) {

event.preventDefault();

alert('请选择一个选项');