如何使用jquery选择多个选择来捕获带有烧瓶的html表单输入

时间:2018-05-28 13:51:06

标签: javascript jquery html flask jquery-chosen

我有一个HTML表单,其中const printContent = document.getElementById("componentID"); const WindowPrt = window.open('', '', 'left=0,top=0,width=900,height=900,toolbar=0,scrollbars=0,status=0'); WindowPrt.document.write(printContent.innerHTML); WindowPrt.document.close(); WindowPrt.focus(); WindowPrt.print(); WindowPrt.close(); 个国家/地区有多个选择。我想通过POST请求将此输入发送到jquery-chosen。问题是Flask没有捕获选择。

当我不使用选择的js时,它可以工作:

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>

在Flask中,我使用 <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> 来获取输入列表。 事情是我非常非常基本的HTML和JavaScript,因此,我被困在如何管理这个问题。

1 个答案:

答案 0 :(得分:1)

解决:

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

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