title: Send form with select value choice
body: <p>I have a select information returned as an array with the element name and id .</p>
  
  <p>I need that when the select is sent, is made with the identifier of the chosen option.</p>
  
  <p>But for a logical reason , I need in the select the item name is displayed, and to show the identifier would be meaningless.</p>
  
  <p>I tried the following:</p>
  
  <pre><code>$('#selectCategory').on('change', function () {
      var optionSelect = $(this).val();
      $.post("{{path('playlist_category') }}", {category: optionSelect}, 
      function (filterContent) {
          $('#playlist_content_name').empty(); 
          for (var content in filterContent.category_result) {
              var id = filterContent.category_result[content].id;
              var name = filterContent.category_result[content].name;
              console.log(name);
              console.log(id);
              $('#playlist_content_name').append('&lt;option value"'+ id +'"&gt;' + name + '&lt;/option&gt;'); 
          }
      }, 'json');
  });
  </code></pre>
  
  <p>But the form is submitted with the name of the select , not the ID.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>This work. </p>
  
  <p>Forget to sign = in the option value. </p>
  
  <pre><code>$('#playlist_content_name').append('&lt;option value="' + id +'"&gt;' + name + '&lt;/option&gt;');
  </code></pre>