Как я могу получить строку значений из выпадающего списка

пожалуйста, как я могу правильно получить значение из выпадающего списка, я использовал библиотеку django-widget-tweaks .

вот код поля выпадающего списка, из которого я хочу получить строку значений:

<p >{{ form.category_column.label_tag }}</p>
<p id="category_column_id">{% render_field form.category_column  autocomplete="off" hx-get="/sizescolumn/" hx-target="#id_sizes_column" %}</p>

Я пытался получить значение с помощью javascript с помощью этой строки кода :

var select = document.getElementById('category_column_id').value;

---->но это не работает. заранее спасибо.

Чтобы получить строковое значение выбранного элемента, используйте .innerHTML вместо .value

var select = document.getElementById("yourId").innerHTML;

Вы добавили атрибут id id="category_column_id" к тегу <p>.

Атрибуты id следует использовать только один раз на странице, поскольку идентификаторы уникальны (в отличие от классов). Если ваш атрибут select имеет тот же id, т.е. 'category_column_id', то тег <p>, вероятно, будет найден первым и использован вашим javascript. У тега <p> нет значения, как у колонки select, поэтому ваш javascript ничего не возвращает.

Сначала проверьте на своей странице, какой у вас ID элемента select, а затем используйте свой javascript для оценки значения. В современных браузерах нет ничего особенно плохого в самом javascript, если у вас правильный идентификатор и существует только один такой идентификатор.

Спасибо всем здесь присутствующим Исправлено вот так:

        var select = $('#id_category_column').find(":selected").text();
       

Надеюсь, это поможет кому-нибудь в будущем.

Вернуться на верх