Question

目前我还没有找到任何全面的答案。我想学习如何根据另一个选择的选项更改选择选项。例如。类别一对多子类别

我从Category和SubCategory中选择一个选项，选择内容更改。你能帮我个忙吗？

Answer 1

首先，您需要使用路由URL将控件传递给使用jquery的操作例如

              $('# category id').change(function(){
                 var Id =  $('#category id').val();          
                 var url = Routing.generate('route_to_retrieve_subcategory', { 'Id': Id  });

                $.post(url, 
                { 'Id': Id  
                },function(data){
                  $('#subcategoryId').html(data);
                 },"text");
            }
        });

在控制器中

/**
     * @Route("subcategory/{Id}",name="route_to_retrieve_subcategory" )
     * @Template()
     */
    public function getSubcategoryAction($Id)
    {
          //code
         return new Response($subcategoryList, 200);


    }

注意：该路由必须列在routing.yml文件

中

route_to_retrieve_subcategory:
    pattern: /route_to_retrieve_subcategory/{Id}
    defaults: {_controller: YourBundle:YourController:getSubcategory}
    options:
        expose: true

Answer 2

最后我决定使用这个方法：的javascript：

$('select[name*="[category][category]"]').prop('selected', true).change(function(){
             var Id =  $(this).val();          
             var url = Routing.generate('route_to_retrieve_subcategory');

            $.post(url, 
            { 'idCat': Id  
            }, function(results){
                var sub = $('select[name*="[category][category]"]').parent().find('select[name*="[subCategory][]"]');
                sub.empty();
                $.each(results , function(key, value) { 
                    sub
                    .append($("<option></option>")
                    .attr("value",value.id)
                    .text(value.subCategory)); 
                });

       });
    });

控制器：

public function getSubcategoryAction(Request $request)
{
      $Id = $request->get('idCat');
      $em = $this->getDoctrine()->getManager();
      $entities = $em->getRepository('MyBusinessBundle:SubCategories')->findSubCategories($Id);
      $output = array();
      foreach ($entities as $member) {
          $output[] = array(
              'id' => $member->getId(),
              'subCategory' => $member->getSubCategory(),
          );
      }

      $response = new Response();
      $response->headers->set('Content-Type', 'application/json');
      $response->setContent(json_encode($output));
      return $response;
}

路线：

route_to_retrieve_subcategory:
pattern: /route_to_retrieve_subcategory
defaults: { _controller: "MyBusinessBundle:ajax:getSubcategory" }
options:
    expose: true

我不想在课程中传递参数，我觉得它没有意义！

非常感谢shrujan shetty的灵感。

Symfony2选择ajax

2 个答案: