HTML<select> JQuery .change 不起作用

Question

好吧，我不明白为什么这不起作用。 看起来很简单。

这是我的下拉菜单：

<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>

这是 JavaScript

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

现在我只想让它工作，这样我就可以添加功能。 谢谢！

Answer 1

好吧，我不明白为什么这不起作用。 看起来很简单。

这是我的下拉菜单：

<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>

这是 JavaScript

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

现在我只想让它工作，这样我就可以添加功能。 谢谢！

Answer 2

好吧，我不明白为什么这不起作用。 看起来很简单。

这是我的下拉菜单：

<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>

这是 JavaScript

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

现在我只想让它工作，这样我就可以添加功能。 谢谢！

Answer 3

好吧，我不明白为什么这不起作用。 看起来很简单。

这是我的下拉菜单：

<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>

这是 JavaScript

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

现在我只想让它工作，这样我就可以添加功能。 谢谢！

Answer 4

好吧，我不明白为什么这不起作用。 看起来很简单。

这是我的下拉菜单：

<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>

这是 JavaScript

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

现在我只想让它工作，这样我就可以添加功能。 谢谢！