Django Form Disabled Select Option Values Not Submitted Even When They are Enabled with JavaScript Before Submission

My HTML displays about 20 or more forms via modelformset_factory and each having a preselected staff name (so this is disabled in Staff name is primary key to Staff model, so I don't want all their names be available for selection. Logged in user have some staff assigned and so they are only required to enter phone number and address. The disabled fields are enabled with Javascript before the form is submitted but I still get {'staff_name': ['This field is required.']} error when the form is submitted.

Here are my codes:

class StaffForm(ModelForm):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.fields['staff_name'].disabled = True

class StaffModelFormSet(BaseModelFormSet):
    def clean(self):

class StaffEntryView(LoginRequiredMixin, FormView):
    def post(self, request, *args, **kwargs):
        StaffFormSet = modelformset_factory(Staff, form=StaffForm, formset=StaffModelFormSet)
        submitted_form = StaffFormSet(request.POST)
        if submitted_form.is_valid():
            print("This form is valid, Sir!")
            print("This is not a valid form.")


<form method="post" class="form-control" id="staff_form" name="staff-form" onsubmit="enablePath();">
<!-- form details goes here -->
   {% for form in formset %}
    <tr class="table-striped">
      <td>{{ form.staff_name }}</td>
      <td>{{ }}</td>
      <td>{{ form.address }}</td>
   {% endfor %}


function enablePath(e) {
var options = document.getElementsByTagName('select');
for (var i=0, iLen=options.length; i<iLen; i++) {
    options[i].disabled = false;
Back to Top