js中如何取得选中的select组件中的显示值

在JavaScript中，如果你想要获取用户在 `<select>` 元素中选择的显示值，你可以通过`value`属性来获取。这个属性会返回当前选中的选项的文本内容。假设你有一个简单的<select>元素：

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

你可以使用以下JavaScript代码来获取选中的值：

var select = document.getElementById('mySelect');
var selectedValue = select.value;
console.log(selectedValue);

运行这段代码后，如果用户选择了"Option 1"，`selectedValue`将会是字符串"`option1`"。

相关问题

js中如何取得select组件中的显示值

在JavaScript中，你可以使用`document.getElementById()`来获取Select组件（下拉列表），然后访问它的`value`属性来获取当前选中的显示值。这里是一个示例：

// 假设有一个id为"mySelect"的select元素
var selectElement = document.getElementById('mySelect');

// 获取并打印选中的显示值
var selectedValue = selectElement.value;
console.log(selectedValue);

如果你想获取选项的文本而不是值，可以使用`options`属性迭代选项：

for (var i = 0; i < selectElement.options.length; i++) {
    if (selectElement.options[i].selected) {
        var selectedText = selectElement.options[i].text;
        console.log(selectedText);
    }
}

jquery获取页面中多个 select 组件选中的值

可以使用 jQuery 中的 `val()` 方法来获取页面中多个 select 组件选中的值。

以下是一个示例代码：

<select class="myList" multiple>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

<select class="myList" multiple>
  <option value="4">选项4</option>
  <option value="5">选项5</option>
  <option value="6">选项6</option>
</select>

<button onclick="getSelectedOptions()">获取选中项</button>

<script>
  function getSelectedOptions() {
    var selectedOptions = $('.myList').map(function() {
      return $(this).val();
    }).get();
    console.log(selectedOptions);
  }
</script>

当用户点击“获取选中项”按钮时，`getSelectedOptions` 函数会获取所有 class 为 `myList` 的 select 元素的选中项，然后将所有选中项的值输出到控制台。

注意，由于 select 元素有多选和单选两种模式，如果要获取所有选中项的值，需要将 select 元素的 `multiple` 属性设置为 `true`。另外，`map()` 方法会返回一个包含所有选中项的值的数组，可以通过 `get()` 方法将其转换为普通的 JavaScript 数组。