javascript - 多选上的更改事件不会触发

Question

编辑：问题解决了！

我在烧瓶中有几个多选字段。当我将所选项目更改为一个时，我想触发其他项目的更改（现在，我只是尝试更改另一个字段，因为我不知道如何更改几个）。但是，这根本不起作用。当我更改所选项目时，没有任何变化，我什至没有收到错误消息。.change 事件不适合与多选一起使用吗？我的多选字段如下所示：我正在使用这个多选：https ://www.jqueryscript.net/form/jQuery-Plugin-For-Multi-Select-Checboxes-multiselect.html 我也有以下 js 在一个单独的脚本文件：

$(function(){
    $param1_newlist = $('#param1');
    $param1_newlist.multiselect();
    });

我的 html 导入是：

    <script src="{{ url_for('static', filename="js/jquery.multiselect.js")}}"></script>
     <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/jquery.multiselect.css') }}">

我的多选表单字段都设置如下：

    <form action="/get_plot">
    <div style="float: left">
    <br><b>Param1</b><br>
    <select name="param1" multiple="multiple" id="param1" style="width:150px">
        {% for p in param_1_list %}
                {% if p in current_param_1 %}
                        <option selected value="{{ p }}">{{ p }}</option>
                {% else %}
                        <option value="{{ p }}">{{ p }}</option>
                {% endif %}
        {% endfor %}
     </select>
     </div>
     </form>

我的 ajax 请求如下所示：

    <script type="text/javascript" charset="utf-8">
    $("#param1").change(function(){
        $.ajax({
            url: '/selectform',
            type: 'POST',
            data: $('#param1').serialize(),
            success: function(selectOptions){
                $("#param2").empty();
                for (var i = 0; i < selectOptions.length; i++){
                    $("#param2").append(
                        $("<option></option>")
                        .attr("value", selectOptions[i][0])
                        .text(selectOptions[i][1])
                    );
                }
            }
        });
    });
</script>

在烧瓶中，处理 ajax 请求的代码部分如下所示：

    @app.route('/selectform', methods=['POST'])
    def updateselect():
         print(request.form)
         choices = ["test1", "test2"]
         response = make_response(json.dumps(choices))
         response.content_type = 'application/jsons'
         return response

标签： javascriptpythonhtmlajaxflask