在传递到Flask应用之前编辑表单数据 - javascript

我有以下烧瓶应用程序呈现的多选表格：

<form method="POST" action="">
    <label for="sports">Sports:</label>
    <select id="sports" name="sports" multiple>
        <option value="Basketball">Basketball</option>
        <option value="Football">Football</option>
        <option value="Baseball">Baseball</option>
        <option value="Golf">Golf</option>
        <option value="Soccer">Soccer</option>
    </select>
    <input type="submit" name="send" onclick="var selected_sports = project.getSelectedValues(document.querySelector('#sports'));">
</form>

我正在尝试将列表形式的数据发送到服务器/ python代码。

例如，如果选择“篮球”，“足球”和“高尔夫”，则列表为["Basketball", "Football", "Golf"]；如果仅选择“足球”，则列表为["Football"]。

我可以使用javascript（下面的代码）创建列表，但不确定如何将创建的列表传递给服务器（服务器仅接收第一个选择的选项）。

JS代码以创建选定值的列表（单击“提交”按钮时以HTML形式调用）：

project = {};

project.getSelectedValues = function (selectTag) {
    var result = [];
    var options = selectTag && selectTag.options;

    for (var = 0; i < options.length; i++) {
        if (options[i].selected) {
            result.push(options[i].value || options[i].text);
        }
    }
    return result;
}

参考方案

服务器仅接收第一个选择的选项

您可以正常提交<select id="sports" name="sports" multiple>（无需使用JS创建列表），并使用getlist（）引用python代码中的所有选定选项。

sports = request.form.getlist('sports')

在提交时在表单操作中获取变量丢失 - javascript

            当表单由onchange事件提交时，它不会保留get变量view。任何想法为什么会发生这种情况？提交后，这是它进入的网址，index?month=February&year=2014<form action="index?view=list" class="pure-form pure-fo…

选择后显示输入元素 - javascript

我有一个表格，其中取决于用户的选择，输入元素是否可见。实际上，用户正在以另一种形式设置已定义的合作伙伴类型，并且如果选中该元素，则允许在该类型的合作伙伴上可见的元素类型1将显示以下元素：<input type="text" id="partner" name="partner" class=&…

JavaScript将PHP中的字符串和整数传递给函数 - javascript

我正在尝试将字符串和整数都传递到同一函数中，但是引号引起了问题。我发现错误出在echo $q->info部分，我必须在此代码上使用双引号。有人可以帮我写这个$q->info，但不能获得真正的价值吗？到目前为止，我的代码是<td><a href="javascript:add(<?php echo $q->i…

Telerik单选按钮所需的字段验证器 - javascript

如何设置Telerik单选按钮所需的字段验证器？我想在按钮单击“ BtnSave”上设置必填字段验证器吗？请帮忙！<telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="fa…

如何从javascript函数为gridview文本框设置值 - javascript

我有以下项目模板的GridView<ItemTemplate> <asp:TextBox ID="txtComments" runat="server" Text='<%# Bind("Comments") %>' </asp:TextBox&…