javascript - 选择的更改事件引发 "jQuery is not a function"错误

Question

JS代码:

function banChanged(){
    $("#BanReason").on("change",function(){
        if($(this).val() == "scrammer")
            $("#BanLength").val("1week");
    });
}

HTML 代码:

<select id="BanReason" onchange="banChanged()">
    <option value="hack">Hack</option>
    <option value="badlang">Bad Language</option>
    <option value="scrammer">Scrammer</option>
</select>

<select id="BanLength">
    <option value="1day">1 Day</option>
    <option value="2days">3 Days</option>
    <option value="1week">1 Week</option>
</select>

JavaScript 是一个不同的位置。当我单击选择以更改值时，出现“不是函数”错误。该脚本内联工作，但需要加载到 <script type="text/javascript" src="./test.js"></script> 中标签。

谁能帮帮我？

Answer 1

$(document).ready(function() {
  $("#BanReason").on("change", function() {
    if ($(this).val() == "scrammer")
      $("#BanLength").val("1week");
  });
})

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

<select id="BanReason">
  <option value="hack">Hack</option>
  <option value="badlang">Bad Language</option>
  <option value="scrammer">Scrammer</option>
</select>

<select id="BanLength">
  <option value="1day">1 Day</option>
  <option value="2days">3 Days</option>
  <option value="1week">1 Week</option>
</select>

还要确保在脚本之前加载 jQuery，并且脚本的路径是正确的。 ./test.js 表示您的脚本与 .html 文件位于同一文件夹中。