0

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

1 respuesta 1

1

El form data si tiene todos los valores, lo que pasa es que tú lo conviertes a objeto con Object.fromEntrie y un objeto no puede tener repetido el nombre (la clave)

Puedes comprobarlos si haces:

document.querySelector('button').addEventListener('click', () => {
  const form = document.querySelector('form');
  let formData = new FormData(form);
  
  for (const pair of formData.entries()) {
    console.log(`${pair[0]}, ${pair[1]}`);
  }
});
 <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>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.