Django Jquery получить выбранное значение

Здравствуйте, у меня проблема с передачей данных в jquery. В моем select я добавил метод onchange и он вызывает getProductData и передает этот элемент select. В getProductData я получаю элемент и отображаю выбранное значение. Я пробовал использовать несколько методов, но вывод alert - [объект Object] или undefined.

forms.py

    PD_name = forms.ModelChoiceField(
        label = "Product Name",
        queryset = Product.objects.only('name').order_by('id'),
        to_field_name = 'id',
        empty_label = "",
        widget = forms.Select(
            attrs = {
                'class': 'form-control',
                'onblur': """form_validation({
                    'element' : this,
                    })""",
                'onchange': """getProductData({
                    'element' : this,
                    })"""
                }
            )
        )

html

<td>{{ Productform.PD_name }}</td>

JQuery

function getProductData(element) {
        alert(element.value);
}

Формы:

{'onchange' : "getProductData(this.value);"}

JS:

getProductData(value) {
    console.log(value)
}
Вернуться на верх