The layout of my model is set up as follows:
class A(models.model):
options = models.ManyToManyField(OptionSet, blank=True, null=True)
values = models.ManyToManyField(Value, blank=True, null=True)
class OptionSet(models.model):
name = models.TextField(unique=True)
values = models.ManyToManyField(Value)
def __unicode__(self):
return '%s' % self.name
class Value(models.Model):
name = models.TextField()
key = models.ForeignKey(Key, related_name='values')
class Key(models.Model):
name = models.TextField(unique=True)
In my forms.py file, the code I have written looks like this:
class A_Form(ModelForm):
values = forms.ModelMultipleChoiceField(queryset=Value.objects.all(), widget=CheckboxSelectMultiple, label="Einzelne Werte", required=False)
options = forms.ModelMultipleChoiceField(queryset=OptionSet.objects.all(), widget=CheckboxSelectMultiple, label="Optionen Sets", required=False)
For the template design, I have included the following code snippet:
<form action="." method="POST">{% csrf_token %}
{{ form.as_table }}
<input type="submit" value="Update"/>
</form>
I am utilizing this form with a generic update view. While I have limited experience in javascript/ajax, I would like to implement a feature where upon hovering over the option's name, all the values associated with that specific option set are displayed. How can I achieve this functionality using javascript/ajax?