js获取option中的value值

### 回答1：
你好！如果你想要获取一个select元素中选中的option的value值，你可以使用JavaScript中的以下代码：

// 通过id获取select元素
var selectElement = document.getElementById("selectId");

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

// 获取选中的option的value值
var selectedValue = selectedOption.value;

在这里，我们首先通过id获取了select元素，然后通过selectedIndex属性获取了选中的option元素，最后通过value属性获取了选中的option的value值。

希望这可以帮到你！

### 回答2：
JavaScript获取下拉框中option的value值有多种方法，其中比较简单的方法如下：

1. 使用getElementById获取select元素，再通过selectedIndex属性获取被选中的option元素，最后通过value属性获取该option元素的value值。

var selectElement = document.getElementById("selectId");
var selectedOption = selectElement.options[selectElement.selectedIndex];
var selectedValue = selectedOption.value;

2. 使用querySelector获取select元素及其被选中的option元素，通过getAttribute方法获取该option元素的value值。

var selectedOption = document.querySelector("#selectId option:checked");
var selectedValue = selectedOption.getAttribute("value");

3. 使用jQuery库来获取select元素及其被选中的option元素，通过val方法获取该option元素的value值。

var selectedValue = $("#selectId option:checked").val();

以上是常见的获取下拉框中option的value值的方法，具体应根据实际需求选择适当的方式来实现。

### 回答3：
要获取 select 元素中选中的 option 的 value 值，可以通过以下几种方式实现。

1. 使用原生 JavaScript 的方法获取

const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const selectedValue = selectedOption.value;

这里先获取 select 元素，然后通过 `selectedIndex` 属性获取选中的 option 元素，最后获取 option 的 value 值。

2. 使用 jQuery 的方法获取

const selectedValue = $('#mySelect option:selected').val();

这里通过 jQuery 获取选中的 option 元素，然后获取其 value 值。

3. 使用 Vue.js 的方法获取

<select v-model="selectedValue">
  <option value="foo">Foo</option>
  <option value="bar">Bar</option>
</select>

// 在 Vue 实例中获取
const vm = new Vue({
  el: '#app',
  data: {
    selectedValue: ''
  }
});

这里使用 Vue 的双向数据绑定，将 select 元素的选中值绑定到 Vue 实例的 `selectedValue` 属性上，然后在 Vue 实例中就可以获取这个值了。

无论使用哪种方法，都需要先获取 select 元素，然后获取选中的 option 元素，最后获取 option 的 value 值。注意，在 select 元素中添加的 option 标签必须设置 value 属性才能获取到 value 值。