1
votes

Comment soumettre le formulaire par la div parent

Ceci est ma première question sur stackoverflow! J'espère expliquer clairement ma question.

Ma question est la suivante: Comment puis-je soumettre un formulaire avec js par le div parent.

Je sais que je peux soumettre un formulaire comme celui-ci:

document.getElementById ("myForm"). Submit ();

Mais je ne veux pas sélectionner le formulaire par son propre identifiant mais par l'identifiant du div parent.

Je veux quelque chose comme ça:

<div id="demo">
<form>
<input type="text">
</form>
</div>

<script>
document. get form in div with id demo .submit();
</script>

javascript html forms submit

1 commentaires

document.querySelector ('# formulaire de démonstration'). submit ();

4 Réponses :

1
votes

Essayez ceci:

document.querySelector('#demo form').submit();

J'ai fait une erreur. Merci pour les commentaires.

2 commentaires

Il s'agit de la forme et non de la saisie . Il s'agit également de querySelector () et non de querySelectorAll () .

Merci beaucoup Jonas! A travaillé pour moi!

-1
votes

Vous pouvez prendre le div parent et trouver tous ses enfants et choisir le

let test = document.querySelector('#demo')

test.children[0].submit()

nécessaire

0 commentaires

0
votes

Vous pouvez utiliser des sélecteurs et la méthode querySelector pour accéder aux nœuds DOM:

document.querySelector('#demo form').submit();

1 commentaires

@Dropout Merci!

1
votes

<div id="demo" style="background: #ddd; padding: 50px;">
<form id="form">
<input type="text">
</form>
</div>

<script>
var parent = document.getElementById("demo"),
    form = document.getElementById("form");
  
parent.addEventListener("click", function(){
  form.submit();
});
</script>

0 commentaires