Javascript 为什么jQuery选择框更改事件不起作用？

我正在处理产品过滤器，其中用户根据自己的偏好从选择框中选择，但我没有在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.min.js是否包含在您的文件中。请检查是否有任何控制台错误。谢谢。

它可以工作，那么您的问题是什么？？？你确定更改事件已绑定吗？！这个

select

元素是在DOM就绪后添加的吗？等等…在最初加载页面后，您的选择框是否在DOM中填充？@RahulPatel选择框是手动加载的。。它没有被任何代码加载…@A.Wolff我在控制台错误中发现了这个。。。这会是个问题吗？主线程上的同步XMLHttpRequest已被弃用，因为它会对最终用户的体验造成有害影响。您确定已将jquery放在onchange事件之前吗？您好，我有一个控制台错误，缺少文件，但文件已经存在，当我在错误中单击该链接时，我在开发人员工具中看到该文件和所有代码

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