javascript - 访问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);
});