时间戳

首页 > 解决方案 > 将 jQuery 添加到 Django 管理页面以进行下拉选择以启用/禁用它

python - 将 jQuery 添加到 Django 管理页面以进行下拉选择以启用/禁用它

问题描述

我在 Django 中有一个模型，其中包含下拉列表并且它们是依赖的。如果我在 a 中选择“是”，则应启用与其关联的下拉菜单，即 b 和 c，如果“否”，则应禁用它们。

请注意，我希望它在管理页面上工作。

models.py

class foo(models.Model):
   a = models.CharField(max_length=3,choices=(('No','No'),('Yes','Yes'))
   b = models.ForeignKey(SomeModel_1,,on_delete=models.CASCADE,null=True,blank=True)
   c = models.ForeignKey(SomeModel_2,,on_delete=models.CASCADE,null=True,blank=True)

jQuery

$(function() {
$("#id_a").change(function() {
    if ($(this).val() == "Yes") {
        $("#id_b").prop("disabled", false);
        $("#id_c").prop("disabled", false);
    } else {
        $("#id_b").prop("disabled", true);
        $("#id_c").prop("disabled", true);
    }

});
})(django.jQuery);

而且我还添加了媒体类

admin.py

class fooAdmin(admin.ModelAdmin):

class Media:
    js = ('https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js',
    'js/myScript.js',)


admin.site.register(foo,fooAdmin)

现在，无论在 a 中选择什么选项，下拉列表 b 和 c 都可用。我怎样才能使这项工作？如果我需要 forms.py 那么请解释我该怎么做。

谢谢你。

标签： pythonjquerydjangoadmin

解决方案

我想您已经检查过您的脚本是否正确加载。

问题是您的 JS 函数在 DOM 完全加载之前被调用，因此 jQuery 查询在调用时找不到元素。将您的 jQuery 包装在$(document).ready()：

$(document).ready(function(){
    $(function() {
    ...

然后在您的页面完全加载并找到所需的元素后调用它。

推荐阅读