Php – Symfony 2 form theme with choice field

formsphpsymfonytwig

I have problem. I want to do choices country with flag ico but I don't know how to create custom theme for form choice filed.

I created test form :

->add('name', 'choice', array('choices' =>array('en' => 'England', 'de' => 'Deutshland')))

Next in my view I try

{% block _send_name_widget %}
    <select>
        {% for f in form %}
            {{ loop.index }}
        {%endfor%}
    </select>
{% endblock%}

{{ form_widget(form.name) }}

And in my html code I've got:

<select>
 1
 2
</select>

<select>
</select>

Could you tell me why?
How can I render only one select with parameters?

Best Solution

The variable "options" didn't exist in my choice_widget_options template. The fact is that "options" IS NOT the correct name of the variable. If you take a look at \vendor\symfony\symfony\src\Symfony\Bundle\FrameworkBundle\Resources\views\Form\choice_widget_options.html.php, you'll find Symfony use a variable called 'choices'.

The corrected version of the previous code is :

{% block choice_widget_options %}
{% spaceless %}
    {% for group_label, choice in choices %}
        {% if choice is iterable %}
            <optgroup label="{{ group_label|trans({}, translation_domain) }}">
                {% set options = choice %}
                {{ block('choice_widget_options') }}
            </optgroup>
        {% else %}
            <option value="{{ choice.value }}"{% if choice is selectedchoice(value) %} selected="selected"{% endif %}>
              <img src="/images/flags/{{ choice.label }}.jpg" />
              {{ choice.label|trans({}, translation_domain) }}
        </option>
    {% endif %}
{% endfor %}
{% endspaceless %}
{% endblock choice_widget_options %}

Related Solutions

Html – How to disable browser autocomplete on web form field / input tags

Firefox 30 ignores autocomplete="off" for passwords, opting to prompt the user instead whether the password should be stored on the client. Note the following commentary from May 5, 2014:

The password manager always prompts if it wants to save a password. Passwords are not saved without permission from the user.

We are the third browser to implement this change, after IE and Chrome.

According to the Mozilla Developer Network documentation, the Boolean form element attribute autocomplete prevents form data from being cached in older browsers.

<input type="text" name="foo" autocomplete="off" />

JavaScript post request like a form submit

Dynamically create `<input>`s in a form and submit it

/**
 * sends a request to the specified url from a form. this will change the window location.
 * @param {string} path the path to send the post request to
 * @param {object} params the parameters to add to the url
 * @param {string} [method=post] the method to use on the form
 */

function post(path, params, method='post') {

  // The rest of this code assumes you are not using a library.
  // It can be made less verbose if you use one.
  const form = document.createElement('form');
  form.method = method;
  form.action = path;

  for (const key in params) {
    if (params.hasOwnProperty(key)) {
      const hiddenField = document.createElement('input');
      hiddenField.type = 'hidden';
      hiddenField.name = key;
      hiddenField.value = params[key];

      form.appendChild(hiddenField);
    }
  }

  document.body.appendChild(form);
  form.submit();
}

Example:

post('/contact/', {name: 'Johnny Bravo'});

EDIT: Since this has gotten upvoted so much, I'm guessing people will be copy-pasting this a lot. So I added the hasOwnProperty check to fix any inadvertent bugs.

Best Solution

Related Solutions

Html – How to disable browser autocomplete on web form field / input tags

JavaScript post request like a form submit

Dynamically create <input>s in a form and submit it

Related Question

Dynamically create `<input>`s in a form and submit it