Как я могу выполнять функцию каждый раз, когда пользователь выбирает конкретное значение в раскрывающемся списке выбора с помощью jQuery?

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, который делает что-то, когда пользователь выбирает вариант предыдущего выбора, я сделал это следующим образом:

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

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

        }
    </script>

Как вы можете видеть, я пытаюсь выполнить функцию (которая выполняет alert();) когда событие пожара на избранном, имеющем id="selReg", Но это не работает

Что мне не хватает? Что случилось? Как я могу исправить эту проблему?

Answer 1

Три проблемы:

1) Неправильный селектор для целевого элемента выбора.

2) Отсутствие закрывающих скобок для события изменения. что вызывает синтаксическую ошибку.

3) Отсутствуют закрывающие скобки для готового события. что вызывает синтаксическую ошибку.

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

Answer 2

Вы ошиблись здесь selReg.change(function() { связать это с <select> лайк $("#selReg").change(function() {

Подробнее о том, как использовать метод bind()

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

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

    });
</script>

SideNote: у вас также может быть ошибка SyntaxError: missing ) after argument list потому что отсутствуют закрывающие скобки );

Всегда проверяйте журнал консоли браузера для устранения этих ошибок.