如何正确处理select下拉列表

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

var select = document.getElementById("mySelect");
var selectedIndex = select.selectedIndex; // 当前选中的选项索引
var selectedValue = select.value; // 当前选中的选项值
var options = select.options; // 所有选项的集合

// 遍历所有选项
for (var i = 0; i < options.length; i++) {
  var option = options[i];
  var value = option.value; // 选项值
  var text = option.text; // 选项文本
}