js获取select选中项

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

// 获取选中项的索引
var selectedIndex = selectElement.selectedIndex;

// 获取选中项的值
var selectedValue = selectElement.options[selectedIndex].value;

// 获取选中项的文本
var selectedText = selectElement.options[selectedIndex].text;

console.log('选中的值:', selectedValue);
console.log('选中的文本:', selectedText);

<select id="mySelect">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

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

  // 添加事件监听器
  selectElement.addEventListener('change', function() {
    // 获取选中项的值
    var selectedValue = this.value;
    // 获取选中项的文本
    var selectedText = this.options[this.selectedIndex].text;

    console.log('选中的值:', selectedValue);
    console.log('选中的文本:', selectedText);
  });
</script>

document.addEventListener('DOMContentLoaded', function() {
  var selectElement = document.getElementById('mySelect');
  // 其他代码...
});

<option value="">请选择</option> <!-- 确保value不为空 -->