js获取select标签的值

// 假设HTML中有如下<select>元素：
// <select id="mySelect">
//   <option value="option1">Option 1</option>
//   <option value="option2" selected>Option 2</option>
//   <option value="option3">Option 3</option>
// </select>

// JavaScript代码：
var selectElement = document.getElementById('mySelect');
var selectedValue = selectElement.value;
console.log(selectedValue); // 输出 "option2"

// 假设HTML结构同上。

// JavaScript代码：
var selectElement = document.getElementById('mySelect');
var options = selectElement.options;
for (var i = 0; i < options.length; i++) {
  if (options[i].selected) {
    console.log('Selected index:', i);
    console.log('Selected value:', options[i].value);
    console.log('Selected text:', options[i].text);
  }
}

window.onload = function() {
  var selectElement = document.getElementById('mySelect');
  console.log(selectElement.value); // 确保此时获取的是正确的值
};

// 动态添加<option>元素的示例：
var newOption = document.createElement('option');
newOption.value = 'dynamicOption';
newOption.text = 'Dynamic Option';
selectElement.add(newOption);

// 然后获取值
console.log(selectElement.value); // 此时应该能获取到新添加的选项的值