multiselect上的更改事件不会触发

2024-10-02 22:22:55 发布

您现在位置:Python中文网/ 问答频道 /正文

编辑:问题解决了

我在flask中有几个多选字段。当我在一个字段中更改所选项目时,我希望触发其他字段的更改(现在,我只尝试更改另一个字段,因为我不知道如何更改几个字段)。然而,这根本不起作用。当我更改所选项目时,没有任何更改,甚至没有收到错误消息。.change事件不是与multiselect一起使用的正确事件吗? 我的multiselect字段看起来像:enter image description here,我正在使用这个multiselect: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') }}">

我的multiselect表单字段的设置如下所示:

    <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>

在flask中,处理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

Tags: textformurlforvalueresponsetypejs