Django模型表单依赖修改

Question

我有两个模式表单字段：action 和 service：

class InputsModelExtended(models.Model):
    service = models.CharField(max_length=1000, choices=SERVICE_CHOICES, blank=True)
    action = models.CharField(max_length=1000, choices=ACTION_CHOICES, blank=True)
    def __str__(self):      
        return self.input   
    class Meta:
       ordering = ["service"]
       unique_together = ('service', 'action')

我将它们传递给form.py 并创建了模型表单：

class InputsModelExtendedForm(ModelForm):
class Meta:
    model = InputsModelExtended
    #fields = ['service', 'action', 'input']
    fields = '__all__'
    widgets = {'service': forms.fields.Select(attrs={'class': 'service_select_box'}), 'input': forms.fields.TextInput(attrs={'placeholder': 'Enter an input', 'class': 'selectpicker'}), 'object': forms.fields.TextInput(attrs={'placeholder': 'Enter an object', 'class': 'selectpicker'})}

然后我在更改第一个字段时接受 ajax 发布请求：

$(document).ready(function() {
    var select_box = $('.service_select_box')
    select_box.on('change', function(e) {
        console.log('event ', select_box.val());
        data = { "csrfmiddlewaretoken": '{{ csrf_token }}', 'action': select_box.val()};
        $.ajax({
            url: "/ajaxrequest",
            type: "POST",
            data: data,
            success: function (data) {console.log('success', data);},
            error: function (data) {console.log('error', data);},
        });
    });
    return false;
});

现在我应该如何将action 字段变体调整为service 中选择的选项？我尝试通过ajax_text将其发布到模板：

def ajax_test(request):
choices = {'assistant app' : (('ask' : (('Choose action', 'Choose action',), ('ask.friends','ask.friends',)),
'wisdom' : (('Choose action', 'Choose action',), ('wisdom.wisdom', 'wisdom.wisdom'))}
if request.is_ajax() and request.POST['action']:
    action = request.POST['action']
    #message = "ur action is " + str(request.POST['action'])
    action_choices = choices[action.lower()]
else:
    message = "empty or not an ajax"
form = InputsModelExtendedForm(request.POST or None, action_choices=action_choices) #passing form to template
InputsAll = InputsModelExtended.objects.all() #passing all objects to template
return render(request, 'inputs_forms_css.html', {'form': form, 'InputsAll': InputsAll, 'id': id})

但action 字段似乎不会在不刷新的情况下发生变化，尽管通过 ajax 成功响应我得到了正常的修改选择：

Service: <select class="service_select_box" id="id_service" name="service">
<option value="" selected="selected">---------</option>
<option value="Apps">Ask</option>
Action: <select id="id_action" name="action">
<option value="Choose action">Choose action</option>
<option value="ask.friends">ask.friends</option>

是否应该通过 jquery 修改第二个字段选择集，或者可以通过其他方式完成？提前谢谢。

Answer 1

首先，您需要在模板级别迭代第二个字段的选项，以添加您想要过滤的任何属性。在本例中，我们将根据第一个选择的值过滤第二个选择的选项。

var firstSelect = $('#id_first_select'),
    secondSelectOptions = $('#id_second_select option');

firstSelect.on('change', function(e) {
    var value = $(this).val();

    secondSelectOptions.hide();
    secondSelectOptions.filter('[data-related-value="' + value + '"]').show();
});