私のフォームでonchangeイベントを実行しようとしています。 onchangeイベントはajax getを使用します。値を返しません。onchange ajaxがフォームメソッドポストで動作しない
はここにここに私のフォーム
<form action="/" method="post" >
<select name="juz" onchange="juz(this.value)">
<option value="">-- Pilih --</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div id="keluar"></div>
</form>
だと、ここでスクリプト
<script type="text/javascript">
function juz(val) {
var hasilSurat = $("#keluar");
$.ajax({
url: "{{URL::asset('v1/juz')}}" + '/' + val,
method: 'GET',
dataType: 'json',
}).done(function(data) {
if (data.response == 1) {
hasilSurat.val(data.result);
} else {
hasilSurat.val(data.result);
}
});
}
</script>
だとコンソールログから私のヘッダー資産
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
だ
test:11 Uncaught TypeError: juz is not a function
at HTMLSelectElement.onchange
機能名が一致しません。 jsとHTMLの両方で同じでなければなりません。 のHTML 'onchange =" jus(this.value) 'js' function juz(val) ' 両方の場所で単一の名前を取るこのコードは関数名' jus'を見つけることができないので ' juz' –
残念ですが、コンソールログから新しく編集しました。まだデバッグ中です –
コンソールエラーは何ですか? –