2017-10-10 78 views
0

可能是一个愚蠢的问题,但即时通讯真的卡住了..没有这个代码发生。这就像js没有正确连接?不知道为什么JS不会加载到html

add.js

$('select').on('change', function() { 
    alert(this.value); 
}) 

HTML:

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="add.js"></script> 
</head> 

<select> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
</select> 
+0

提供完整的html。在写你的js和你加载jquery的地方很重要。 – dhilt

+0

[jQuery获取select onChange的值的值可能重复](https://stackoverflow.com/questions/11179406/jquery-get-value-of-select-onchange) –

回答

1

尝试以下操作:

./index.html

<html> 
    <head> 
    <meta charset="utf-8" /> 
    <script data-require="jquery" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="js/add.js"></script> 
    </head> 

    <body> 
    <select> 
     <option value="1">One</option> 
     <option value="2">Two</option> 
    </select> 
    </body> 

</html> 

而且./js/add.js

$(function(){ 
    $('select').on('change', function() { 
    alert(this.value); 
    }) 
}); 
+0

作品感谢!!!我做错了什么fml这样一个愚蠢的错误 –

0

由于您提供了相对路径,因此浏览器将在相对于当前URL的文件夹中查找您的文件。例如,如果您的网址是http://localhost/some/path,并且包含以下脚本。

<script src="js/add.js" ></script> 

浏览器会为你寻找文件在http://localhost/some/path/js/add.js

如果您希望浏览器总是寻找你的文件夹的js在根目录下,你可以指定一个绝对路径。

<script src="/js/add.js" ></script> 

现在浏览器总是会为您的文件在http://localhost/js/add.js不论您目前的网址是什么。