Question

我试图在我的django管理员中实现javascript代码，我有两个字段 hard_drives （id为：id_hard_drives）和 no_of_drives （id为：id_no_of_drives）。因此，只有 hard_drives 具有特定值时才会显示 no_of_drives ，例如：

<script type="text/javascript">
    $("#id_hard_drives").change(function () {
        if($("#id_hard_drives").val()=="125"){
            document.getElementById("#id_no_of_drives").type=text
        } else {
            document.getElementById("#id_no_of_drives").type=hidden
        }
    });
</script>

但是，我收到一个错误：

Unexpected token <

更新：

根据GSWV，我已经更新了代码，但它仍然用于显示相同的错误，因此我删除了<script>个标签。新代码看起来像这样：

(function($) {
   $(document).ready(function() {
       var hardDriveSelector = $("#id_hard_drives");
       hardDriveSelector.on("change", function(){
          if (hardDriveSelector.val() == "H") {
              document.getElementById("id_no_of_drives").type = text;
          } else {
          document.getElementById("id_no_of_drives").type = hidden;
          }
       });
     });
})(django.jQuery);

但是代码没有在飞行中实现，脚本没有做任何事情，我是否需要使用密钥或id_hard_drives上的内容？

Answer 1

我已经为你重写了代码。希望这可以帮助！：）

    $(document).ready(function() {
    $('#id_no_of_drives').hide();
    $("#id_hard_drives").change(function() {
        var driveID = $(this).val();
        if (driveID == '125') {
            $('#id_no_of_drives').show();
        } else {
            $('#id_no_of_drives').hide();
        }
    });
});

Answer 2

以下是您的固定代码

1）$("#id_hard_drives") - #id_hard_drives之前没有点

2）document.getElementById('id_no_of_drives') - #之前没有id_no_of_drives

<script type="text/javascript">
    $("#id_hard_drives").change(function() {
        if ($("#id_hard_drives").val() === '125') {
            document.getElementById('id_no_of_drives').type = text;
        } else {
            document.getElementById('id_no_of_drives').type = hidden;
        }
    });
</script>

意外的令牌＆lt;在js

2 个答案: