Skip to main content
2 de 2
se añadieron 661 caracteres en el cuerpo
Yussef
  • 23.4k
  • 4
  • 12
  • 29

Crear un objecto FormData no obtiene un input de tipo select multiple

Al crear un objecto FormData pasándole un formulario, detecto que si tengo un input de tipo select con el atributo multiple para poder seleccionar varios elementos, el objeto FormData solo gestiona un valor.

Aquí un ejemplo muy sencillo.

document.querySelector('button').addEventListener('click', () => {
  const form = document.querySelector('form');
  console.log(Object.fromEntries(new FormData(form)));
});
 <form action="">
   <input type="text" name="input-text" />
   
   <select name="input-select[]" multiple>
     <option value="value 1">Value 1</option>
     <option value="value 2" selected>Value 2</option>
     <option value="value 3">Value 3</option>
   </select>
 </form>
 <button>GET</button>

¿Habría forma de que el objeto FormData obtendría en el caso del select todos los valores sin tener que hacer append al objeto ni ninguna otro tipo de logica adiccional?

Un saludo