js select change

// HTML部分
<select id="mySelect" onchange="handleChange()">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

// JavaScript部分
function handleChange() {
  // 获取select元素
  var selectElement = document.getElementById("mySelect");

  // 获取当前选中的值
  var selectedValue = selectElement.value;

  // 输出选中的值到控制台
  console.log("Selected value: " + selectedValue);
}

解释说明：

• HTML部分：定义了一个<select>下拉菜单，其中包含三个选项。onchange事件绑定到handleChange函数，当用户选择不同的选项时会触发该函数。
• JavaScript部分：handleChange函数用于处理select元素的变化事件。通过document.getElementById获取select元素，并使用.value属性获取当前选中的值，最后将选中的值输出到浏览器的控制台。