HTML <select> JQuery .change funktioniert nicht

Okay, ich verstehe nicht, warum das nicht funktioniert. Es scheint ziemlich einfach zu sein.

Hier ist mein Dropdown-Menü:

<div>
    <form>
        <select id='yearDropdown'>
            <c:forEach var="years" items="${parkYears}">
                <option value=/events.html?display_year=${years}<c:if test="${currentYear == years}">selected="selected"</c:if>>${years}</option>
            </c:forEach>
        </select>
    </form>
</div>

und hier ist das JavaScript

$("#yearDropdown").change(function () {
    alert('The option with value ' + $(this).val());
});

Im Moment möchte ich es nur zum Laufen bringen, damit ich Funktionen hinzufügen kann. Vielen Dank!

Antworten auf die Frage(4)

Ihre Antwort auf die Frage