JavaScript 获取 Select 元素数据 - 无需表单

可以使用 JavaScript 来获取 select 中的数据。

1. 获取 select 元素：

var select = document.getElementById('mySelect');

2. 获取选中的选项：

var selectedOption = select.options[select.selectedIndex];

3. 获取选中选项的值：

var selectedValue = selectedOption.value;

4. 获取选中选项的文本：

var selectedText = selectedOption.text;

完整代码示例：

<select id='mySelect'>
  <option value='1'>选项1</option>
  <option value='2'>选项2</option>
  <option value='3'>选项3</option>
</select>

<button onclick='getData()'>获取数据</button>

<script>
function getData() {
  var select = document.getElementById('mySelect');
  var selectedOption = select.options[select.selectedIndex];
  var selectedValue = selectedOption.value;
  var selectedText = selectedOption.text;
  
  console.log('选中的值：' + selectedValue);
  console.log('选中的文本：' + selectedText);
}
</script>