如何在每次用户选择一个特定的值到一个选择下拉菜单时使用jQuery执行一个函数?

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

本文关键字：一个 选择 下拉菜单 执行 jQuery 函数 用户      更新时间：2023-09-26

我是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脚本，当用户选择之前选择的选项时，我以这种方式完成:

    <script>
        $(document).ready(function(){
            // Quando l'utente seleziona una specifica regione
            selReg.change(function() {
                alert("REGIONE SELEZIONATA");
            }
        }
    </script>

正如您所看到的，我正在尝试执行一个函数(执行alert();)，当选择具有id="selReg"的fire事件时。但它不工作

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

三个问题:

1)选择器错误的目标选择元素。

2)缺少change事件的右括号。这会导致语法错误。

3) ready事件缺少闭括号。这会导致语法错误。

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

你这里搞错了，selReg.change(function() {和$("#selReg").change(function() {一样和<select>绑定

如何使用bind()方法

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

旁注:你也可能有错误SyntaxError: missing ) after argument list，因为缺少右括号);

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

相关文章：