JQuery: не удается загрузить страницу в div, когда элемент выбран в списке выбрать

Я пытаюсь загрузить страницу в div, когда любой из элементов выбран из следующего списка выбора:

<select id="opt">
                    <option value="">-Select a Plan-</option>
                    <option value="bin">Binary MLM</option>
                    <option value="mat">Matrix MLM</option>
                    <option value="uni">Uni-Level MLM</option>
                    <option value="gen">generation MLM</option>
                </select>

при запуске события onchange после кода jquery:

$('#opt').on('change', function(event) {
    var val = $(this).val();
    $.("#desc").load('/assets/pages/'+val+'.html.twig');
});

следует загрузить страницу в этом промежутке:

<span id="desc"></span>

но это не работает таким образом. Пожалуйста, помогите мне указать на проблему здесь. также обратите внимание, что это проект symfony, и страницы, которые будут извлечены, хранятся в каталоге /web/assets/pages(/web является общедоступным), также страницы названы так же, как значение, которое может быть выбрано из тега select.

1 ответ

  1. Для загрузки шаблонов следует использовать другое действие, например:

    /**
     * @Route("/load-template/{templateName}", name="frontend.load-template")
     */
    public function loadTemplateAction(Request $request, $templateName)
    {
        return $this->render(sprintf("%s:%s", "BundleName", $templateName));
    }