Comment puis-je obtenir tous les éléments de formulaire (input, textarea & select) avec jQuery ?

Question

Existe-t-il un moyen simple (sans les énumérer tous séparément) dans jquery pour sélectionner tous les éléments de formulaire et seulement les éléments de formulaire.

Je ne peux pas utiliser children() etc. car le formulaire contient d'autres éléments HTML.

Par exemple

$("form").each(function(){
    let $inputs = $("input, textarea, select", this);
});

Answer 1

J'ai utilisé cette méthode pour obtenir tous les champs de saisie d'un certain formulaire :

$("#myForm").find("input").each(function() {
   // your stuff goes here
});

Ou pour le cas présent :

$("#myForm").find("select, textarea, input").each(function() {
   // your stuff goes here
});

Answer 2

Essayez quelque chose comme ça :

<form action="/" id="searchForm">
<input type="text" name="s" placeholder="Search...">
<input type="submit" value="Search">
</form>
<!-- the result of the search will be rendered inside this div -->
<div id="result"></div>

<script>
// Attach a submit handler to the form
$( "#searchForm" ).submit(function( event ) {

  // Stop form from submitting normally
event.preventDefault();

// Get some values from elements on the page:
var $form = $( this ),
term = $form.find( "input[name='s']" ).val(),
url = $form.attr( "action" );

// Send the data using post
var posting = $.post( url, { s: term } );

// Put the results in a div
posting.done(function( data ) {
  var content = $( data ).find( "#content" );
  $( "#result" ).empty().append( content );
    });
  });
</script>

Notez l'utilisation de input[]

Answer 3

Toutes les entrées :

var inputs = $("#formId :input");

tous les boutons

var button = $("#formId :button")