Javascript JQuery选择不显示值的更改选项

当我在我的网站中选择一个选项时，它应该提醒该选项的值，但在这种情况下，该值不会被提醒

然而，当我在JSFIDLE中尝试它时，它是有效的

我使用jquery3.4.1，jQuery加载在

head

标记处

我的javascript脚本文件位于

body

标记的底部

HTML代码

<div class = 'custom-select'>
  <select id = 'choice'>
    <option value = ''></option>
    <option value = 'one' selected>One</option>
    <option value = 'two'>Two</option>
  </select>
</div>

请告诉我我遗漏了什么或做错了什么，谢谢。

您的代码有效。
1.检查控制台是否有任何错误。
2.检查它是否是包含的第一个脚本。
3.检查浏览器中是否启用了javascript。

带有jquery的选项1：

$（函数（）{
$（'#choice'）。更改（函数（）{
警报（$（'#选择选项：选定'）.text（）；
});
});

一个
两个
请检查html中是否包含Jquery。我添加了它，它起了作用。
尝试添加

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>


如果您的内容是动态添加的，您可以尝试以下方法。此外，使用
val（）
获取选择框选项

$(document).on('change', '#choice', (e) => {
   alert($(e.target).val());
});

如果未动态添加您的内容，只需使用：

$('#choice').on('change', (e) => {
   alert($(e.target).val());
});


$（document）.on（'change'，'#choice'，（e）=>{
警报（$（e.target.val（））；
});

一个
两个
如果它在您的小提琴中工作，但在您的网站中不工作，请尝试检查控制台是否有任何错误。我的控制台没有显示任何错误消息。您可以尝试在
$（function（）{
之后添加此
控制台.log（“test”）
，您可以在控制台中看到此消息吗？是的，我可以在控制台中看到此消息。james try
控制台.log（$）.jquery；）
这应该会告诉您加载了哪个版本的jquery，只是为了确认jquery已正确加载。我在
标题中包含了jquery库
tagI添加了
console.log（$（'#选择选项：selected'）.text（）；
但是每当我更改选择时，控制台中仍然没有消息。但是如果我将代码放在
.change
之外，我会收到一条值为的控制台消息。这是您的全部代码还是您使用了更多的库？您的浏览器是否禁用了javascript？您能检查一下吗？如果jquery没有正确加载，它将返回一个错误嗯，他把密码写下来了。
$('#choice').on('change', (e) => {
   alert($(e.target).val());
});