Javascript onchange ajax无法在表单方法post上工作

我想在我的表格上做一次更改。onchange事件使用ajaxget。但它不会返回值

这是我的头资产

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

将“选择名称”更改为juz以外的其他值

由于select位于表单内部，因此此代码不起作用

<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>

---

不确定原因，我将尝试更新它

您的函数名不匹配。它在js和HTML中应该是相同的。在HTML onchange=justhis.value中，但在js`function juzval`中，在两个位置上使用一个名称。这段代码无法找到函数名jus，所以将其更改为juzsorry，这是我以前的错误，我已经从控制台日志编辑了+new。它仍然在调试什么是控制台错误？下面是测试：11 Uncaught TypeError:juz不是HTMLSelectElement.onChange的函数可能是您在html代码上方编写了js函数。请把它放在htmlit的下面！因为我将名称属性重命名为另一个！谢谢你！！

<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>

test:11 Uncaught TypeError: juz is not a function
at HTMLSelectElement.onchange

<select name="juza" onchange="juz(this.value)">

<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>

<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>