从更改时选择中获取选定的值/文本

javascript

2022-08-30 02:41:55

<select onchange="test()" id="select_id">
    <option value="0">-Select-</option>
    <option value="1">Communication</option>
</select>

我需要在javascript中获取所选选项的值：有没有人知道如何获取所选值或文本，请告诉您如何为其编写函数。我已经分配了onchange（）函数来选择，那么我该怎么办？

答案 1

为此，请使用 JavaScript 或 jQuery。

使用 JavaScript

<script>
function val() {
    d = document.getElementById("select_id").value;
    alert(d);
}
</script>

<select onchange="val()" id="select_id">

使用 jQuery

$('#select_id').change(function(){
    alert($(this).val());
})

答案 2

如果您正在谷歌搜索此内容，并且不希望事件侦听器成为属性，请使用：

document.getElementById('my-select').addEventListener('change', function() {
  console.log('You selected: ', this.value);
});

<select id="my-select">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>