Javascript 为什么不是'；这个代码不显示警报吗？_Javascript_Jquery_Html

Javascript 为什么不是'；这个代码不显示警报吗？

javascript jquery html

Javascript 为什么不是'；这个代码不显示警报吗？,javascript,jquery,html,Javascript,Jquery,Html,代码如下： <html> <head> </head> <body> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function

代码如下：

<html>
<head>  
</head>
<body>

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

<script type="text/javascript">
$(document).ready(function(){
    $('#dropdown').on('change', function() 
    {
        alert($("#dropdown").val());
    });
});
</script>

<select id="dropdown" name="dropdown">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

</body>
</html>


$（文档）.ready（函数（）{
$（'#下拉列表'）。在（'change'，function（）上
{
警报（$（“#下拉列表”）.val（）；
});
});
1.
2.

您可以在此处尝试现场测试：

您正在导入一个太旧的jQuery副本。您的版本早于引入

.on（）

API。

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

<script type="text/javascript">
 $(document).ready(function(){


$('#dropdown').change( function() 
{
    alert($("#dropdown").val());
});
 });
</script>

<select id="dropdown" name="dropdown">
  <option value="1">1</option>
  <option value="2">2</option> 
</select>


$（文档）.ready（函数（）{
$（“#下拉列表”）.change（函数（）
{
警报（$（“#下拉列表”）.val（）；
});
});
1.
2.

此代码中没有ajax。什么ajax？您看到控制台中有错误吗？请下次检查控制台，正如Pointy在回答中所说，jquery 1.5.1是jquery的旧版本，因此它不支持“on”方法。将其更新为最新版本。另外，在“”标记中编写脚本。还有一件事，当您发布代码示例时，请尝试使用JSFIDLE或其他类似的站点，而不是您自己的站点。我如何知道从何处获取最新版本？您检查过jQuery站点了吗？还是谷歌存储库本身？你可以明确要求谷歌提供最新版本。或者我没有意识到有jquery-latest.min.js链接。谢谢。我会小心使用最新的，因为这可能会回来咬你的未来。例如，$浏览器在最新版本中被删除，使用的插件和代码被破坏。。坚持一个特定的版本可能是最好的。