Question

我正在尝试进行依赖下拉菜单，您可以选择一个部门，并根据此情况改变以下选项，并且它的工作方式。我的问题是，当我选择第一个选项时，第二个选项不会改变。我说它有点有效，因为直到我按下提交按钮，第二个选项才会填充正确的数据。

当我使用google开发工具时，每次点击第一个下拉列表时都会收到500内部错误。这是我的javascript：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#request_department").change(function(){
            var data = {
                option_id: $(this).val()
            };

            $.ajax({
                type: 'POST',
                url: '{{ path("select_options") }}',
                data: data,
                success: function(data) {
                    var $option_selector = $('#request_option');

                    $option_selector.html('<option>Option</option>');

                    for (var i=0, total = data.length; i < total; i++) {
                        $option_selector.append('<option value="' + data[i].id + '">' + data[i].name + '</option>');
                    }
                    $option_selector.html('');
                    $.each(data, function(k, v) {
                        $option_selector.append('<option value="' + v + '">' + k + '</option>');
                    });
                }
            });
        });
    });
</script>

我正在关注this教程。

Answer 1

500 (Internal Server Error)错误不是由客户端上的jQuery生成的，而是由某些服务器端代码生成的（在您的示例中为{{ 1}}，可能......）。你明确地在那里搜索错误......

下拉列表中的500（内部服务器错误）JQuery

1 个答案: