JQuery的：无法加载在DIV页面时在选择列表

Question

我想要当任一项目是从以下选择列表中选择要加载我的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事件triggerred，以下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标签中选择的值相同。

Answer 1

您应该使用其他行动中加载模板，像这样：

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