Как раскрыть информацию о выбранном элементе?

Есть ли способ показать информацию об объекте под тегом? Мне как-то нужно показать под этим тегом адрес выбранного объекта:

class VideoLibrary(models.Model):
    shop_id = models.AutoField(primary_key=True, unique=True)
    shop_name = models.CharField(max_length=264)
    adress = models.TextField(max_length=264, default='')

HTML-код:

{% if shop_name %}
    <select name="shops" id="shop_select" class='box'>
      <option value="" disabled selected id='blank_option' onchange='revealMore()' name='select_option'></option>
      {% for library in shop_name %}
      <option id='library_element'>{{library.shop_name}}</option>
      {% endfor %}
    </select>
    {% else %}
      <p>ERROR</p>
    {% endif %}
    <script src={% static 'js/show_more.js' %}></script>

JS:

function revealMore() {
    var blank_text = document.getElementById('blank_option');
    if (this.value !== blank_text) {
        var library = this.value;
        alert(library);
    }
}
document.getElementById('shop_select').addEventListener('change', revealMore);

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