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

Question

我在 Django 中有一个模型，其中包含下拉菜单并且它们相互依赖。如果我在 a 中 select "Yes"，则与其关联的下拉菜单，即 b 和 c 应该启用，如果 "No"，它们应该被禁用。

请注意，我希望它能在管理页面上运行。

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

而且我还添加了媒体class

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)

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

谢谢。

Answer 1

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

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

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

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

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

Add jQuery to Django Admin Page for Dropdown Selection to Enable/ disable it

python

django

jquery

admin