如何使用jquery选择的多重选择用烧瓶捕获html表单输入

Question

我有一个HTML与jquery-chosen多个国家选择。我想通过POST请求将这个输入发送给Flask。问题是，烧瓶并不能捕捉到选择。

当我不使用选择的js时，它会工作：

<div class = "webform">
            <form method="POST" action = "/monthly_active" name = "countries">
            <p>Select countries</p>
                <select multiple id="Country" name="Country">     
                <option>Select...</option>
                <option value="DE">DE</option>
                <option value="AT">AT</option>
                <option value="RU">RU</option>
                <option name="PL">PL</option>
                <option name="IT">IT</option>
                <option name="GB">GB</option>
                <option name="BR">BR</option>
                </select>

            <input type="submit" value="Submit">
            </form>

但是如果选择了js，它就行不通了：

    <form method="POST" action = "/monthly_active" name = "chart_options" >
    <p>Select countries</p>
    <select name = "countries[]" data-placeholder="Countries" multiple class="chosen-select" tabindex="8">
        <option value="AT">AT</option>
        <option value="GB">GB</option>              
        <option value="RU">RU</option>
        <option selected>DE</option>
        <option disabled>Sun Bear</option>
        <option selected>ES</option>
        <option disabled>Spectacled Bear</option>
      </select>  

    <script> $(".chosen-select").chosen(); </script>

    <input type="submit" value="Submit">
    </form>

在水瓶中，我使用request.form.getlist()获取输入列表。问题是，我非常基础的HTML和javascript，因此，我被困在如何管理这个问题。

Answer 1

已解决：

我的错误是在request.form.getlist('chart_options')中:我在那里传递了表单的名称，而我必须传递<select>的名称，这是有效的：

target_countries = request.form.getlist('countries[]')