getelementbyid value select option

可以用getElementById()方法获取HTML页面中的元素，并用该元素的value属性来获取其当前的值。如果要获取到下拉列表（select）中选中的选项（option），可以将该下拉列表作为一个整体使用getElementById()方法获取到，再用该下拉列表的selectedIndex属性获取选中的选项的下标。如果要获取选中的选项的文本内容，可以使用选中的选项的text属性或者value属性。具体代码如下：

HTML代码：

<select id="mySelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>
<button onclick="getValue()">获取选项值</button>
JavaScript代码：
function getValue() {
  // 获取下拉列表元素
  var select = document.getElementById("mySelect");
  // 获取选中的选项的下标
  var index = select.selectedIndex;
  // 获取选中的选项的文本内容
  var text = select.options[index].text;
  // 获取选中的选项的value属性值
  var value = select.value;
  console.log("选中的选项下标为：" + index);
  console.log("选中的选项文本内容为：" + text);
  console.log("选中的选项value属性值为：" + value);