javascript - symfony 发送表单请求而不提交

Question

我只想使用选择类型发送请求，没有提交按钮，我尝试使用 javascript 但没有结果

我的表单代码:

$form = $this->createFormBuilder()
   ->add('language', 'choice', array(
       'choices' => array(
             'ar' => 'Arabic',
             'fr' => 'French',
             'es' => 'Espagnol',
             'nl' => 'Dutch',
             'ja' => 'Japanese',
             'en' => 'English',
             'ko' => 'Korean',
             'it' => 'Italian',
             'ru' => 'Russian',
       ),
       'required'    => false,
       'placeholder' => 'Click to Choose Language..',
       'attr' => array(
                   'id' => 'field',
                   'class' => 'controls',
                   'data-rel' => 'chosen'
                )
  ))
  ->getForm();

我的 Twig 如下:

<form  action="{{ path('test_test') }}"  method="POST" {{ form_enctype(form) }}>
          {{ form_widget(form.language, { 'attr': {'class': 'select2'} }) }}
</form>

我使用的 javascript 代码是:

<script type="text/javascript">
   $('#field').change(function() {
       $(this).closest('form').trigger('submit');
   });
</script>

Answer 1

您可以使用 Jquery submit像这样的功能:

jQuery(function($) {
   $(".select2").change(function() { //put class or id of your select input
      $('#id_of_your_form').submit();
   });
});

编辑:

如果您使用的是 select2 插件(您有示例 here):

jQuery(function($) {
     $('.select2').select2()
     .on("change", function(e) {
          $('#id_of_your_form').submit();
     })
});

然后你可以像这样在你的 Symfony Controller 中发送 POST 数据:

public function getDataAction(Request $request)
{
   dump($request->request->get('name of your select input');exit;
}