2017-10-10 84 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不論您目前的網址是什麼。