2016-10-02 10 views
-1
<html> 
<head> 
</head> 
<body> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script> 
$(document).ready(function() 
{ 
$('#list').change(function() 
{ 
if ($(this).val() === 'College') 
{ 
$.ajax({ 
    url: 'ajax.php'; 
    success: function(data) 
    { 
    $('#content').html(data); 
    } 
}); 
} 
}); 
}); 
</script> 


<select id="list"> 
<option value="">Select</option> 
<option value="College">First</option> 
<option value="Second">Second</opion> 
<option value="Third">Third</option> 
</select> 
<div id='content'></div> 
</body> 
</html> 

スクリプトは外部ファイル 'ajax.php'を読み込む必要がありますが、それはありません。私はそれを読み込む代わりにアラート( '')を使ってみましたが、うまく動作しますが、$ .ajaxを実行しません。Jquery load()が動作しない

+0

ネットワークをチェックインしましたか?エラーはありますか? –

+0

成功ハンドラに入りますか?そうでない場合は、エラーを追加し、返されたエラーを調査してください。 –

+0

ブラウザのJSコンソールを開き、エラーメッセージを確認します。 – JJJ

答えて

0

あなたのAjaxコードに誤りがありますが、あなたはより多くのエラーのため

$.ajax({ 
    url: 'ajax.php', 
    success: function(data) 
    { 
    $('#content').html(data); 
    } 
}); 

てみデバッグようにする必要がありurlプロパティurl: 'ajax.php';代わりのsemicolon.Theコードの後に​​カンマを配置する必要があります。

関連する問題