访问html元素值javascript

我有三个下拉菜单，每次我在上一个下拉菜单中选择一个选项时，它们都会从数据库中动态填充

现在我想访问这些下拉菜单中的值，以便稍后在某处构建SQL查询

我使用以下代码访问HTML元素：

$( window ).load(function(){
    var e = document.getElementById("slctTable");
    var slctTableValue = e.value;
    console.log(slctTableValue);
});

这段代码只在第一次加载页面时才起作用，所以当我乱弄下拉菜单时，什么都不会改变

---

我现在想要的是，每次我在下拉菜单中选择一个值时，它都会更新

slctTableValue

变量。

使用jquery将更改事件绑定到下拉菜单，然后每当所选值发生更改时，就会触发此事件

$("#slctTable").change(function() {
  var slctTableValue = $(this).val();
  console.log(slctTableValue);
});

---

使用jquery将change事件绑定到下拉列表中，然后每当所选值发生更改时，就会触发此事件

$("#slctTable").change(function() {
  var slctTableValue = $(this).val();
  console.log(slctTableValue);
});

---

您可以检测如下更改事件并更新值：

    document.getElementById('slctTable').addEventListener('change',function(){
       var e = document.getElementById("slctTable");
       var slctTableValue = e.value;
       console.log(slctTableValue);
    });

---

您可以检测如下更改事件并更新值：

    document.getElementById('slctTable').addEventListener('change',function(){
       var e = document.getElementById("slctTable");
       var slctTableValue = e.value;
       console.log(slctTableValue);
    });

---

答案解决了你的问题吗？是的，谢谢你需要放松，给人们一些时间工作，你会得到你的认可你这是什么意思？答案解决了你的问题吗？是的，谢谢你需要放松，给人们一些时间工作，你会得到你的认可你这是什么意思？谢谢，我以前试过，但由于某种原因没能成功。现在我得到了我所需要的。谢谢，我以前试过，但由于某种原因无法使用。现在我得到了我需要的。