перечисление элементов списка python - PullRequest
0 голосов
/ 27 мая 2020

У меня есть список элементов на python, который я могу получить на странице index. html в виде раскрывающегося списка и отправить одно выбранное значение на другую страницу для обработки. Вопрос в том, как выбрать более одного элемента списка. Я имею в виду всего несколько элементов без библиотек select или chosen.js?

Весь рабочий код:

app.py:

import os
from flask import Flask, render_template, request

app = Flask(__name__)

values = ['one','two','three','four','five','six','seven','eight','nine','ten']

@app.route('/', methods=['GET','POST'])
def dropdown():
    return render_template('includes/index.html', values=values)

if __name__ == '__main__':
    app.run()

index.html

<form action="/action" method="POST">
  <input list="myvalue" name="myvalue">
  <datalist id="myvalue" list="values">
    {% for val in values %}
        <option value="{{val}}">{{val}}</option>
    {% endfor %}
  </datalist>
  <input type="submit">
</form>

Ответы [ 2 ]

0 голосов
/ 27 мая 2020

Это поможет вам внести правильные изменения:

app.py

@app.route('/result', methods=['POST'])
def identify():
    if request.method=="POST":
        multiselect = request.form.getlist('mynumbers')
        print(multiselect)
    return render_template('identify.html')

index. html

<select multiple class="form-control val" name="mynumbers" id="mynumbers">
  {% for val in values %}
      <option value='{{val}}' style="color: red;">{{val}}</option>
  {% endfor %}
</select>
<button type="submit" class="searchButton" name=form>

Результат вышеуказанного Фрагмент кода:

enter image description here

Ввод приведенного выше фрагмента кода: enter image description here

0 голосов
/ 27 мая 2020

уверены, что тег list должен быть в списке данных?

<form action="/action" method="POST">
     <input list="myvalue" name="myvalue">
     <datalist id="myvalue" **list**="values">
     {% for val in values %}
          <option value="{{val}}">{{val}}</option>
     {% endfor %}
     </datalist>
     <input type="submit">
</form>

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_datalist

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...