编辑:问题解决了
我在flask中有几个多选字段。当我在一个字段中更改所选项目时,我希望触发其他字段的更改(现在,我只尝试更改另一个字段,因为我不知道如何更改几个字段)。然而,这根本不起作用。当我更改所选项目时,没有任何更改,甚至没有收到错误消息。.change事件不是与multiselect一起使用的正确事件吗? 我的multiselect字段看起来像:,我正在使用这个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
目前没有回答
相关问题 更多 >
编程相关推荐