Semanti c UI с возможностью поиска в раскрывающемся меню множественного выбора, возвращая только первый выбранный элемент - PullRequest
0 голосов
/ 26 февраля 2020

Я пытаюсь создать выпадающее меню с несколькими вариантами поиска с пользовательским интерфейсом 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("/")

Может кто-нибудь увидеть, что я делаю неправильно?

...