Как я могу получить строку значений из выпадающего списка
пожалуйста, как я могу правильно получить значение из выпадающего списка, я использовал библиотеку 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();
Надеюсь, это поможет кому-нибудь в будущем.