Integrate a multioption dropdown list in calculator Django

Using Django
1

will try to explain this issue the better I can.

So built a calculator using django. The user can put the desired input, and then he sees all the results in a table, only by pressing the button: ‘select’.

However, now I want to add some more calculations by a dropdown list, and when the user selects this options, the output appears right away in the table.Like this:

image

Here is my code:

models.py

class CalcAnalyzer(models.Model):

    sequence = models.TextField()
    gc_calc = models.CharField(max_length=2000000)    
    person_of = models.ForeignKey(User,null=True,on_delete=models.CASCADE)


    def save(self, *args, **kwargs):# new
        if self.sequence != None:
            self.gc_calc = gc_calc(self.sequence) 
                    
        super(CalcAnalyzer,self).save(*args, **kwargs)

    def __str__(self):
        return self.sequence 

class addcalc_1(models.Model):

    name_sequence = models.ForeignKey(OligoAnalyzer, on_delete=models.SET_NULL, null=True)
    Option1_5 = models.FloatField(default=0)

    def save(self, *args, **kwargs):

        self.Option1_5 = Option1_5(self.sequence)
        
class addcalc_3(models.Model):
    
    name_sequence = models.ForeignKey(OligoAnalyzer, on_delete=models.SET_NULL, null=True)
    optional_3
    
    def save(self, *args, **kwargs):

        self.optional_3 = optional_3(self.sequence)

views.py

def calc_sequence(request):

    sequence_items=Calanalisis.objects.filter(person_of=request.user)
    form=AddSequenceForm(request.POST)
    if request.method=='POST':
        form=AddSequenceForm(request.POST)
        if form.is_valid():
            profile=form.save(commit=False)
            profile.person_of = request.user
            profile.save()
            return redirect('calc_sequence')
    else:
        form=AddSequenceForm()

    myFilter=SequenceFilter(request.GET,queryset=sequence_items)
    sequence_items=myFilter.qs
    context = {'form':form,'sequence_items':sequence_items,'myFilter':myFilter}
    return render(request, 'Add_Calc.html', context)

How can I insert this in the view.py? If the user selects the 5 or 3 box, the result should appear in the table bellow, if not, the result will stay the same.

2

You need to use JavaScript if you want those changes to appear without a full page refresh.

3

do you have any ideia of a code built in a js that I can guide?

4

It depends upon which (if any) JavaScript frameworks you may be using. How you would do this in plain JavaScript would likely be different than if you were using jQuery, React, Vue, etc. (And each of those would be different from each other.)