js获取select的内容

<select id="mySelect">
  <option value="1">选项一</option>
  <option value="2">选项二</option>
  <option value="3">选项三</option>
</select>

// 获取<select>元素
var selectElement = document.getElementById('mySelect');

// 获取选中的<option>的value属性值
var selectedValue = selectElement.value;
console.log(selectedValue); // 输出选中的值，例如"2"

// 获取<select>元素
var selectElement = document.getElementById('mySelect');

// 获取选中的<option>元素
var selectedOption = selectElement.options[selectElement.selectedIndex];

// 获取选中的<option>的文本内容
var selectedText = selectedOption.text;
console.log(selectedText); // 输出选中的文本，例如"选项二"

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

// 假设这是动态添加选项的代码
selectElement.add(new Option('选项四', '4'));

// 添加后立即获取新的选中值
console.log(selectElement.value);