再試行中 - 簡単なコードを作成しようとしています: ドロップダウンの値を変更すると、Ajax が実行され、2 番目のタグselect
に「HELLO AJAX」が出力されますdiv
しかし、私は何の応答も得られません。
私は何を間違っていますか?
index.php
<script>
$(document).ready(function(){
$("#first").click(
function(){
// var area_id=$("#first").val();
$.ajax({
type: "GET",
url: "recs.php",
// data: "area_id="+area_id,
dataType:'text',
cache:false,
success:
function(data){
$("#second").html(data);
}
});
return false;
});
});
</script>
<form method="post" action="#">
<select id="first" name="area_id">
<option value="1">1</option>
<option value="2">2</option>
</select>
<div id="second"></div>
</form>
recs.php
HELLO AJAX