2017-10-10 22 views
0

愚かな質問かもしれませんが、本当に固まっています。このコードで何も起こっていません。それは適切に接続されていないのですか?わからない理由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を基準にしたフォルダ内のファイルを探します。たとえば、URLがhttp://localhost/some/pathで、次のようなスクリプトが含まれているとします。

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

ブラウザを使用すると、ブラウザは常にルートディレクトリにjsのフォルダにファイルを探したい場合は、絶対パスを指定することができhttp://localhost/some/path/js/add.js

であなたのファイルを探します。

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

今のブラウザは関係なく、常にあなたの現在のURLが何であるかのhttp://localhost/js/add.jsであなたのファイルを探します。

関連する問題