使用JavaScript/jQuery[再次编辑以加入注释]在Flask/Python中加载Select from Radio

使用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; } }; }; }; 我的解决方案 最后,我找到了一个对

当用户在表单中选择单选选项时,我正在尝试加载输入选择控件

首先,生成的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


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