Заполнить кнопку выпадающего Bootstrap из CSV / Flask

Question

Я пытаюсь заставить мое приложение фляги отображать список категорий из моей базы данных, который хранится в CSV.Столбец категорий существует в CSV, который я вызываю в список, а затем пытаюсь отобразить в выпадающей кнопке начальной загрузки.Из Flask:

@app.route('/')
def test():

    data= df['categories'].tolist()
    return render_template('test.html', data= data)

Оттуда я беру переменные данные и вставляю их в кнопку выпадающего меню Bootstrap:

<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
      <select name= "datum" method="GET" action="/">
          {% for datum in data[1:] %}
             <option value= "{{datum}}">{{datum}}</option>"
          {% endfor %}
       </select>
       <a class="dropdown-item" href="#">{{data}}</a>
       <a class="dropdown-item" href="#">Another action</a>
       <a class="dropdown-item" href="#">Something else here</a>
 </div>

Первая кнопка - это то, что я хочу, но еекнопка внутри кнопки .. Она также исчезает при нажатии на нее, и ничего не вводится.

Answer 1

Вы пытаетесь добавить выбор внутри кнопки droDown, которую я разработал для отображения параметров в тегах <a>.

Пожалуйста, попробуйте следующий код:

<div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Select
        </button>
        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            {% for datum in data[1:] %}
            <a class="dropdown-item" href="#">{{datanum}}</a>
            {% endfor %}
        </div>
    </div>

Вы такжеиметь "сразу после закрывающего тега </option>, но это не имеет никакого отношения к проблеме.