Я пытаюсь создать выпадающее меню с несколькими вариантами поиска с пользовательским интерфейсом Semanti c, но оно возвращает только один (первый) выбранный параметр в серверной части, когда я пытаюсь получить выбранные параметры.
Я пробовал так много вещей, но, похоже, ничего не работает.
HTML следующим образом:
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<form class="ui form" action="/search" method="POST">
<div class="field">
<label>Search for recipes</label>
<input autofocus autocomplete="off" type="text" name="search" placeholder="Search">
</div>
<label>Select ingredients</label>
<div class="ui fluid multiple selection search dropdown">
<i class="dropdown icon"></i>
<div class="default text">Select ingredients</div>
<select name="ingredients" multiple id="multi-select">
<option values="ham">ham</option>
<option values="cheese">cheese</option>
<option values="chicken">chicken</option>
<option values="oregano">oregano</option>
</select>
</div>
</div>
<br>
<button class="ui button" type="submit">Submit</button>
</form>
<script>
$("#multi-select").dropdown("get values");
</script>
Python / flask:
@app.route("/search", methods=["GET", "POST"])
def doSearch():
if request.method == "POST":
content = search(request.form.get("search"))
ingredients = request.form.get("ingredients")
return render_template("results.html", content=content, ingredients=ingredients)
else:
return redirect("/")
Может кто-нибудь увидеть, что я делаю неправильно?