Non passa invisibile il contenuto dopo l'invio del form (serializzazione) [duplica]

Question 1

Ho un form con più tabelle, che non sono visibili (Cambia jQuery) a causa dell'interazione con l'utente. Dopo aver inviato il form, vorrei salvare solo il visibile (riempito dall'utente) elementi. Non riesco a farla funzionare. Grazie in anticipo!

<!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

Un piccolo trucco per il codice rende possibile tutto questo:

$('#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

Un piccolo trucco per il codice rende possibile tutto questo:

$('#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>

Forse ho frainteso la tua domanda. Ho pensato che volevi solo post i campi visibili. O intendevi postare solo i campi con i valori (nascosto o non-nascosto)?
No, non hai frainteso. Si tratta di un'ulteriore domanda. Come posso inserire i campi visibili, ma di non postare i campi nascosti.
Il modo in cui si era inizialmente postati tutti i campi del modulo, visibile o non visibile. #form :visible trova solo modulo di elementi che sono visibili. Si potrebbe anche fare qualcosa di simile #form :not(:empty) se si voleva solo inviare i dati di input che aveva valori (ignorando vuoto ingressi)...

Non passa invisibile il contenuto dopo l'invio del form (serializzazione) [duplica]

Domanda

Migliore risposta

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria