javascript - 如何使用 jquery selected multiple select 用 flask 捕获 html 表单输入

标签 javascript jquery html flask jquery-chosen

我有一个带有 jquery-chosen 多个国家选择的 HTML 表单。我想通过 POST 请求将此输入发送到 Flask。问题是 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>

在 Flask 中,我使用 request.form.getlist() 获取输入列表。 问题是我对 HTML 和 javascript 非常非常基础,因此,我不知道如何解决这个问题。

最佳答案

已解决:

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

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

关于javascript - 如何使用 jquery selected multiple select 用 flask 捕获 html 表单输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50567966/

相关文章:

javascript - setInterval 对鼠标右键单击不起作用 (IE9)

javascript - 嵌套的延迟 Q Promise 解析可以简化吗?

javascript - 如果从存储变量调用 jquery 函数,则此绑定(bind)不正确

html - 在一个方向而不是另一个方向运行 CSS 过渡

javascript - 无法获取第二行->第一列值

Javascript 发布数组并在服务器端接收它

javascript - balanced.init() 上的 JS 错误

javascript - 动态按钮脚本不起作用

jquery - 如何使用 jQuery 制作下拉菜单

javascript - 如何停止浏览器用数据填充输入