使用JavaScript/jQuery[再次编辑以加入注释]在Flask/Python中加载Select from Radio
当用户在表单中选择单选选项时,我正在尝试加载输入选择控件 首先,生成的html脚本: 应用程序 收入 费用 类别 第一类 第2类 第3类 第四类 $document.readyfunction{ $type.is:checkedfunction{ $.ajax{ 类型:POST,, url:/选择\u类型, 数据:{info:$type.val}, 成功:functiondata{ $category.htmldata; } }; }; }; 我的解决方案 最后,我找到了一个对我来说很好的解决方案,但我认为这不是最好的,可能有点难看 我错过了调试javascript和flask应用程序之间交互的方法。理解一些问题需要花费大量的时间,但最终还是奏效了 首先,Javascript/jQuery代码。我基于以下链接:和: 第二,我的html测试表单: {%extends layout.html%} {%block content%} 欢迎哪一种是最好的编程语言? 选择1 选择2使用JavaScript/jQuery[再次编辑以加入注释]在Flask/Python中加载Select from Radio,javascript,jquery,flask,Javascript,Jquery,Flask,当用户在表单中选择单选选项时,我正在尝试加载输入选择控件 首先,生成的html脚本: 应用程序 收入 费用 类别 第一类 第2类 第3类 第四类 $document.readyfunction{ $type.is:checkedfunction{ $.ajax{ 类型:POST,, url:/选择\u类型, 数据:{info:$type.val}, 成功:functiondata{ $category.htmldata; } }; }; }; 我的解决方案 最后,我找到了一个对
{%endblock%}为什么您认为它工作不正常?在Web浏览器控制台或Web服务器中是否出现错误?您有路由选择类型吗?有。我试图调试,但当我选中radiobutton选项时,视图没有执行。我把完整的例子说得更清楚了。”categoory’是select的名称。如果JavaScript不起作用,请不要给我们flask代码。粘贴生成的HTML和JavaScript,并将问题标记为
<script type=text/javascript>
$(function() {
$("input[name=type]").change(function() {
$.getJSON("{{ url_for('background_process') }}", {
type: $('input[name="type"]:checked').val(),
}, function(data) {
$("#category").html(data.options);
});
return false;
});
});
</script>