Javascript 如何动态获取select标记的值？

我想动态获取表单中select标记的值。 实际上我是这样做的

<select name="media_types_id" id="type">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

<script>
    var option = $("#type option:selected").val();
    console.log(option);
</script>

1.
2.
3.
4.
5.
var option=$（“#type option:selected”）.val（）；
console.log（可选）；

---

但这将返回所选选项的值，并且当我在表单中更改该选项时，该值不会更改。我选择1，如果在它保持值1之后选择2…

将

更改
事件绑定到您的
元素并使用其值：

$("#type").on("change", function() {
    var option = this.value;
    console.log(option);
});

还要注意，事件绑定应该在加载DOM时完成，因此可以将此代码放在
之前，或者使用
$（function（）{}）处理程序。
尝试以下使用
change（）
事件获取下拉列表的选定值

$("#type").on("change",function(){
        var Option = this.val();
        console.log(Option);

});

但是您的代码在全球范围内运行。因此，当页面加载时，第一次选择值为1

在
change
事件中尝试您的代码

i、 e

您需要将更改事件绑定到选择列表：

<script>
  $(function() {
     $("#type").change(function() {
     console.log($(this).val());
    });
 });
</script>


$（函数（）{
$（“#type”）.change（函数（）{
log（$（this.val（））；
});
});
使用事件处理程序。
每次发生事件时，事件处理程序都会调用函数

纯JS

var option = document.getElementById("type").value;
document.getElementById("type").onchange = function(e) {
    option = this.value;
}

示例：
请参见另一个问题
var option = document.getElementById("type").value;
document.getElementById("type").onchange = function(e) {
    option = this.value;
}