在 jQuery 中,要监听多个 select 元素的事件,可以使用以下方法:

<!DOCTYPE html>
<html lang="en">

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

<body>
  <select id="select1">
    <option value="1">选项 1</option>
    <option value="2">选项 2</option>
    <option value="3">选项 3</option>
  </select>

  <select id="select2">
    <option value="a">选项 A</option>
    <option value="b">选项 B</option>
    <option value="c">选项 C</option>
  </select>

  <script>
    $(document).ready(function () {
      // 选择器选取多个 select 元素
      $("select").change(function () {
        // 在此处处理 change 事件
        var selectedValue = $(this).val();
        var selectedText = $(this).find("option:selected").text();
        console.log("选择的值: " + selectedValue + ", 选择的文本: " + selectedText);
      });
    });
  </script>
</body>

</html>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.

在上述代码中,使用 $("select") 选择器选中了页面中的所有 select 元素,并为它们绑定了 change 事件处理函数。当任何一个 select 元素的值发生改变时,都会触发该函数进行相应的处理。