如何从django数组字段保存和检索数据

我对django很陌生。我有这个型号

model.py

from django.contrib.postgres.fields import ArrayField
class Pv(models.Model):
   staff_id = ArrayField(models.CharField(max_length = 500,blank=True))
   name = ArrayField(models.CharField(max_length = 500,blank=True))
   rank = ArrayField(models.CharField(max_length = 500,blank=True))

   def __str__(self):
    return self.name

下面是一个html和jquery示例，说明了我想要完成的任务

<div class="card">
                    <div class="card-header">
                      <h4 class="m-0 d-flex justify-content-center">Beneficiaries</h4>
                    </div>
                    <div class="card-body">
                          <div class="float-right">
                            <button class="btn btn-sm mt-3 btn-success">Save</button>
                          </div>
                          <div >
                          <div class="addbtn ">
                            <button  class="btn btn-success btn-sm add-more mt-3" type="button"  
                               onclick="add_fields();">Add Beneficiaries </button>
                          </div>
                    </div>
        </div>

      </div>
      $(document).ready(function(){
      var add = 0;
      $("body").on("click",".add-more", function(){
              add++;
              $(".addbtn").append(
                '<div class="control"><br>'+
                  '<div class="row"  id="remve">'+
                              '<div class="col-4">' +
                                ' <div class="row">'+
                                    '<label for="" class="col pr-0 col-form-label-sm">Staff
                                     ID</label>'+
                                ' </div> '   +
                                    '<div class="col pl-0">'+
                                          '<input type="text" class="form-control form-control-sm" 
                                           name="staff_id">'+
                                    '</div>'+
                              '</div>'+
                            '<div class="col-4">'  +
                              '<div class="row">' +
                                  '<label for="" class="col pr-0 col-form-label-sm">Name</label>'+
                                '</div>'+
                              '<div class="col pl-0">'+
                                '<input type="text" class="form-control form-control-sm" 
                                 name="name">'+
                              '</div>'+
                           ' </div>'+

                           ' <div class="col-3">  '+
                             ' <div class="row">'+
                                '  <label for="" class="col pr-0 col-form-label-sm">Rank</label>'+
                              '</div> '+
                              '<div class="col pl-0">'+
                               ' <input type="text" class="form-control form-control-sm" 
                                 name="rank">'+
                             ' </div>'+
                           ' </div>'  +


                              '<div >'+
                               ' <button  style="margin-top:39px;" class="btn btn-danger btn-sm 
                                 remove" type="button" onclick="add_fields();">remove</button>'+
                              '</div>'+

                  '</div>'+
                '</div>');
      });

        $("body").on("click",".remove",function(){
          $(this).parents("#remve").remove();

      });
        });

      </script>

受益人
拯救
增加受益人
$（文档）.ready（函数（）{
var-add=0；
$（“正文”）。在（“单击”，“添加更多”，函数（）上）{
添加++；
$（“.addbtn”）.append(
“
”+
''+
'' +
' '+
"工作人员,
身份证+
'  '   +
''+
''+
''+
''+
''  +
'' +
“姓名”+
''+
''+
''+
''+
' '+
'   '+
' '+
“等级”+
' '+
''+
' '+
' '+
' '  +
''+
“删除”+
''+
''+
'');
});
$（“body”）。在（“单击”，“删除”，函数（）上）{
$（this.parents（“#remve”）.remove（）；
});
});

只要单击“添加受益人”，就会创建一行新的员工id、姓名和级别。 但问题是，如果我将模型的变量注入jquery，它就会停止工作

我想在这里实现的是，在我多次单击“添加受益人”之后，我希望能够保存staff_id arrayfield中的所有staff_id，以及names中的所有姓名和Rank中的所有等级

如何在django中完成此任务。谢谢你的帮助 这是一张我想要完成的图片

---

那么你在js或模型方面遇到了问题吗？js和html就是我想要实现的一个例子。有没有办法将我的变量注入到js中，使用要注入的字段的value属性来注入变量。@Harsh Nagarkar。如何使用value属性。你能给我举个例子吗