No pasa invisible contenido después de presentar (serialize) [duplicar]

Question 1

Tengo un formulario con varios divs que no son visibles (Alternar jQuery) debido a la interacción con el usuario. Después de enviar el formulario me gustaría guardar sólo la parte visible (llenado por el usuario) de los elementos. No puede conseguir que funcione. Gracias de antemano!

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $('#content').text($('#myform').serialize());
    });
});
</script>
</head>
<body>

<form action="" id="myform">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <div style="display:none;"><input type="text" name="isthishidden" value="maybe"></div>
 <input type="hidden" name="action" value="verwerk">
</form>
<button>Serialize form values</button>
<p></p>
<div id="content"></div>

</body>
</html>

Question 2

Una pequeña modificación en el código que hace esto posible:

$('#content').text($('#myform :visible').serialize());

$(document).ready(function(){
  $("button").click(function(){
    $('#content').text($('#myform :visible').serialize());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<form action="" id="myform">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <div style="display:none;"><input type="text" name="isthishidden" value="maybe"></div>
 <input type="hidden" name="action" value="verwerk">
</form>
<button>Serialize form values</button>
<p></p>
<div id="content"></div>

Kinglish · Answer 1 · 2021-11-23T20:20:39

Una pequeña modificación en el código que hace esto posible:

$('#content').text($('#myform :visible').serialize());

$(document).ready(function(){
  $("button").click(function(){
    $('#content').text($('#myform :visible').serialize());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<form action="" id="myform">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <div style="display:none;"><input type="text" name="isthishidden" value="maybe"></div>
 <input type="hidden" name="action" value="verwerk">
</form>
<button>Serialize form values</button>
<p></p>
<div id="content"></div>

Tal vez no he entendido tu pregunta. Pensé que sólo quería publicar campos visibles. O ¿te refieres a publicar solo los campos con los valores (oculto o no-oculto)?
No, no has entendido mal. Es una pregunta adicional. ¿Cómo puedo publicar campos visibles, pero no pone los campos ocultos.
La forma que tenían inicialmente publicado todos los campos del formulario, visible o no visible. #form :visible sólo se encuentra un formulario de elementos que son visibles. También podrías hacer algo como #form :not(:empty) si usted quería publicar los datos de entradas que tenían valores en ellos (haciendo caso omiso de vacío entradas)...

No pasa invisible contenido después de presentar (serialize) [duplicar]

Pregunta

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría