django模板为选定的下拉值获取ID或名称

Question

我正在建立一个新的订购单，并且HTML页面上的下拉列表很少。我想根据下拉选择建立一个数字。下面是选择标记代码，显示来自数据库的值。

    <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而不提交？我知道我们可以使用javascript来获取row.odr_cost_desc值，但是不确定row.odr_cost。

这是示例表1

我的下拉菜单显示饮料，液体和XYZ。当用户选择饮料时，我想在同一网页（可能带有p标签）中显示数字52，而不是饮料。