Я создаю новую форму заказа, и на моей HTML-странице есть несколько выпадающих меню.Я хотел бы построить число на основе выпадающего списка.Ниже приведен код тега select, который отображает значения из базы данных.
<div class="col-md-4 mb-5">
<select class="selectpicker show-tick" data-width="fit" id="test" data-header="Choose Cost Type Description" title="Choose Cost Type Description">
{% for row in odrrows %}
<option name="costtypedesc" value = "{{ row.odr_cost}}">{{ row.odr_cost_desc}}</option>
{% endfor %}
<select>
</div>
Есть ли способ получить значение row.odr_cost на той же странице вместо row.odr_cost_desc, которое тоже без отправки?Я знаю, что мы можем получить значение row.odr_cost_desc, используя javascript, но не уверен насчет row.odr_cost.
Вот пример таблицы 1
В моем раскрывающемся списке отображаются напитки, жидкости и XYZ.Когда пользователи выбирают напитки, я хотел бы отображать номер 52 на той же веб-странице (возможно, с тегом p) вместо напитков.