js select

// HTML部分
<select id="mySelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

// JavaScript部分
const selectElement = document.getElementById('mySelect');

// 获取当前选中的值
console.log(selectElement.value); // 输出当前选中的值

// 设置默认选中的值
selectElement.value = '2'; // 设置选中的值为 "2"

// 添加新的选项
const newOption = new Option('新选项', '4');
selectElement.add(newOption);

// 移除选项
selectElement.remove(0); // 移除第一个选项

// 监听选择变化事件
selectElement.addEventListener('change', function() {
  console.log('选中的值是:', this.value);
});

解释说明：

1. HTML部分：定义了一个<select>元素，包含三个<option>选项。
2. 获取当前选中的值：通过selectElement.value可以获取当前选中的选项值。
3. 设置默认选中的值：通过设置selectElement.value可以改变当前选中的选项。
4. 添加新的选项：使用new Option()创建一个新的选项，并通过add()方法将其添加到<select>中。
5. 移除选项：使用remove()方法可以根据索引移除指定的选项。
6. 监听选择变化事件：通过addEventListener('change', ...)可以监听用户选择的变化，并在变化时执行相应的操作。