【问题标题】:Auto-populating a Django model field using JavaScript fails consistently使用 JavaScript 自动填充 Django 模型字段始终失败
【发布时间】:2021-09-15 12:16:56
【问题描述】:

我有一个名为Package 的模型。它有名为diagnosistreatmentpatient_typemax_fractionstotal_package 的字段。字段diagnosistreatmentpatient_type 具有在单独的单独类中定义的外键,使得diagnosistreatmentpatient_type 选择字段。现在我想要的是在选择treatmentpatient_type 的值时自动填充max_fractionstotal_package 字段。有人建议我使用 JavaScript 来实现这一点。我尝试并编写了代码,但无济于事。我首先在max_fractions 字段上进行尝试,当我成功时,我会为所有需要的字段进行此操作。

谁能帮帮我,不胜感激。

这是我的模型:

class Diagnosis(models.Model):
    diagnosis=models.CharField(max_length=30, blank=True)

    def __str__(self):
        return self.diagnosis

class Treatment(models.Model):
    treatment=models.CharField(max_length=15, blank=True)

    def __str__(self):
        return self.treatment

class PatientType(models.Model):
    patient_type=models.CharField(max_length=15, blank=True)

    def __str__(self):
        return self.patient_type


class Package(models.Model):
    rt_number=ForeignKey(Patient, on_delete=CASCADE)
    diagnosis=models.ForeignKey(Diagnosis, on_delete=CASCADE)
    treatment=ForeignKey(Treatment, on_delete=CASCADE)
    patient_type=ForeignKey(PatientType, on_delete=CASCADE)
    max_fractions=models.IntegerField(default=None)
    total_package=models.DecimalField(max_digits=10, decimal_places=2)

forms.py

class DiagnosisForm(ModelForm):
    class Meta:
        model=Diagnosis
        fields='__all__'

class TreatmentForm(ModelForm):
    class Meta:
        model=Treatment
        fields='__all__'

class PatientTypeForm(ModelForm):
    class Meta:
        model=PatientType
        fields='__all__'

class PackageForm(ModelForm):
    class Meta:
        model=Package
        fields='__all__'
        widgets={
           "max_fractions" : forms.NumberInput(attrs={"onfocus":"mf();"}),
        }

views.py:

def package_view(request):
    if request.method=='POST':
        fm_package=PackageForm(request.POST, prefix='package_form')
        fm_diagnosis=DiagnosisForm(request.POST, prefix='diagnosis_form')
        fm_treatment=TreatmentForm(request.POST, prefix='treatment_form')
        fm_patient_type=PatientTypeForm(request.POST, prefix='patien_type_form')
        if fm_package.is_valid() and fm_diagnosis.is_valid() and fm_treatment.is_valid() and fm_patient_type.is_valid():
            diagnosis=fm_diagnosis.save()
            treatment=fm_treatment.save()
            patient_type=fm_patient_type.save()
            package=fm_package.save(False)
            package.diagnosis=diagnosis
            package.treatment=treatment
            package.patient_type=patient_type
            package.save()
            fm_package=PackageForm(prefix='package_form')
            fm_diagnosis=DiagnosisForm(prefix='diagnosis_form')
            fm_treatment=TreatmentForm(prefix='treatment_form')
            fm_patient_type=PatientTypeForm(prefix='patien_type_form')
        return render (request, 'account/package.html', {'form2':fm_diagnosis, 'form3':fm_treatment, 'form4':fm_patient_type, 'form5':fm_package})
    else:
        fm_package=PackageForm(prefix='package_form')
        fm_diagnosis=DiagnosisForm(prefix='diagnosis_form')
        fm_treatment=TreatmentForm(prefix='treatment_form')
        fm_patient_type=PatientTypeForm(prefix='patien_type_form')
        return render (request, 'account/package.html', {'form2':fm_diagnosis, 'form3':fm_treatment, 'form4':fm_patient_type, 'form5':fm_package})

JavaScript:

function mf(){
    tt=document.getElementById("id_package_form-treatment").value;
    ptt=document.getElementById("id_package_form-patient_type").value;
    max=document.getElementById("id_package_form-max_fractions").value;
    if (tt=="YEO5" && ptt=="RUHPE")
    max=40;
    else if (tt=="D4EG" && ptt=="KILEU")
    max=40;
    else if (tt=="5GED" && ptt=="IMRA")
    max=40;
}

模板:

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Package Form</title>
</head>
<body>
    <form action="" method="post" novalidate>
        {% csrf_token %}
        {{form2.as_p}}
        {{form3.as_p}}
        {{form4.as_p}}
        {{form5.as_p}}
        <input type="submit" value="Submit">
    </form>


    <script src="{% static 'account/js/myjs.js' %}"></script>
</body>
</html>

网址:

path('package/', views.package_view),

现在,当我打开网页并单击查看页面源时,我看到选择字段的值显示为自动递增的数字。所以我的 JS 代码无法读取所需的选择值。

HTML 源页面视图:

<p><label for="id_package_form-treatment">Treatment:</label> <select name="package_form-treatment" required id="id_package_form-treatment">
  <option value="" selected>---------</option>

  <option value="1">YEO5</option>

  <option value="2">2DRT</option>

  <option value="3">D4EG</option>

  <option value="4">5GED</option>

  <option value="5"></option>

</select></p>
<p><label for="id_package_form-patient_type">Patient type:</label> <select name="package_form-patient_type" required id="id_package_form-patient_type">
  <option value="" selected>---------</option>

  <option value="1">RUHPE</option>

  <option value="2">KILEU</option>

  <option value="3">IMRA</option>

  <option value="5"></option>

</select></p>
<p><label for="id_package_form-max_fractions">Max fractions:</label> <input type="number" name="package_form-max_fractions" onfocus="mf();" required id="id_package_form-max_fractions"></p>

我的代码出了什么问题,我找不到。这是我作为初学者最失望的经历。已经有 4 天了,我试图克服这一集。这里的很多人都试图帮助我提出有用的建议,我真的很感激,但我仍然被困在这里。有人请让我离开这里。我哪里错了?

【问题讨论】:

    标签: javascript html django dom django-models


    【解决方案1】:

    您可以使用tt_select.options[tt_select.selectedIndex].text 获取选项文本,其中tt_select 与其他选项相同,然后在您的 if 语句中比较该值以设置所需值。

    演示代码

    function mf() {
      tt_select = document.getElementById("id_package_form-treatment");
      tt = tt_select.options[tt_select.selectedIndex].text;
      ptt_select = document.getElementById("id_package_form-patient_type");
      ptt = ptt_select.options[ptt_select.selectedIndex].text;
      max = document.getElementById("id_package_form-max_fractions");
      if (tt == "YEO5" && ptt == "RUHPE")
        max.value = 400;
      else if (tt == "D4EG" && ptt == "KILEU")
        max.value = 40;
      else if (tt == "5GED" && ptt == "IMRA")
        max.value = 408;
      else
        max.value = ""
    }
    <p><label for="id_package_form-treatment">Treatment:</label>
      <select name="package_form-treatment" required id="id_package_form-treatment">
        <option value="" selected>---------</option>
    
        <option value="1">YEO5</option>
    
        <option value="2">2DRT</option>
    
        <option value="3">D4EG</option>
    
        <option value="4">5GED</option>
    
        <option value="5"></option>
    
      </select>
    </p>
    <p><label for="id_package_form-patient_type">Patient type:</label>
      <select name="package_form-patient_type" required id="id_package_form-patient_type">
        <option value="" selected>---------</option>
    
        <option value="1">RUHPE</option>
    
        <option value="2">KILEU</option>
    
        <option value="3">IMRA</option>
    
        <option value="5"></option>
    
      </select>
    </p>
    <p><label for="id_package_form-max_fractions">Max fractions:</label> <input type="number" name="package_form-max_fractions" onfocus="mf();" required id="id_package_form-max_fractions"></p>

    【讨论】:

    • 成功了!!!!谢谢!!!非常感谢!!!哈哈,我想我应该问正确的问题!我应该问如何捕获选择标签或其他东西的文本。无论如何,再次感谢。干杯!!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-03-16
    • 2013-04-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-22
    • 2014-12-26
    相关资源
    最近更新 更多