为什么jQuery Select框更改事件不起作用？

Question

我正在处理产品过滤器，用户根据他/她的偏好从选择框中选择，但我没有在jQuery中被用户选中。

html代码：

<select name="product_filter" id="product_filter">
        <option value="price_low_first">Price : Low to High</option>
        <option value="price_high_first">Price : High to Low</option>
        <option value="latest">Latest</option>
        <option value="popular">Most Popular</option>
</select>

jQuery代码：

$(function () {
        $("#product_filter").change(function () {
          alert("hi")
            var selectedText = $(this).find("option:selected").text();
            var selectedValue = $(this).val();
            alert("Selected Text: " + selectedText + " Value: " + selectedValue);
        });
    });

Answer 1

嗨，我相信你的代码是完美的。请检查jquery.min.js是否包含在您的文件中。请检查是否有任何控制台错误。谢谢。