JQuery:当在选择列表中选择项目时,无法在div中加载页面

时间:2016-05-05 07:28:56

标签: javascript jquery symfony

当我从以下选择列表中选择任一项目时,我正在尝试在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 个答案:

答案 0 :(得分:0)

您应该使用其他操作来加载模板,例如:

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