每次用户使用 jQuery select 将特定值放入 select 下拉列表时，我如何执行一个功能？

Question

我是 jQuery 的新手，遇到以下问题。

进入一个页面我有这个 HTML 代码：

<div>
    <label>Regioni:</label>
    <select id="selReg">
        <option value="AB">ABRUZZO</option>
        <option value="BA">BASILICATA</option>
        <option value="CA">CAMPANIA</option>
        <option value="CL">CALABRIA</option>
        ........................................
        ........................................
        ........................................
    </select>
</div>

然后在同一页面中，我试图创建一个 jQuery 脚本，当用户 select 一个前一个 select 的选项时，我这样做了：

    <script>
        $(document).ready(function(){

            // Quando l'utente seleziona una specifica regione
            selReg.change(function() {
                alert("REGIONE SELEZIONATA");
            }

        }
    </script>

如您所见，当 select 上的火灾事件具有 id="selReg" 时，我正在尝试执行一个函数（即执行 alert();）。但是不行

我错过了什么？怎么了？我该如何解决这个问题？

Answer 1

你这里有误 selReg.change(function() { 像 $("#selReg").change(function() {

一样用 <select> 绑定

More Info how to use bind() method

<script>
    $(document).ready(function(){

        // Quando l'utente seleziona una specifica regione
        $("#selReg").change(function() {
            alert("REGIONE SELEZIONATA");
        });

    });
</script>

旁注：您可能还会遇到错误 SyntaxError: missing ) after argument list，因为缺少右括号 );

始终检查浏览器控制台日志以调试这些错误。

Answer 2

三期：

1) select 或目标 select 元素错误。

2) 更改事件缺少右大括号。这会导致语法错误。

3) 就绪事件缺少右大括号。这会导致语法错误。

 $(document).ready(function(){
  // ISSUE1  
  $('#selReg').change(function() {
            alert("REGIONE SELEZIONATA");
  });// ISSUE2  
 });// ISSUE3

每次用户使用 jQuery select 将特定值放入 select 下拉列表时，我如何执行一个功能？

How can I perform a function each time that the user select a specific value into a select dropdown using jQuery?

html

javascript

jquery

jquery-events