02 Oct

Lier un champs texte à un élément HTML

dans Web

Voici une petite astuce pour lire un champs texte avec un autre élément HTML (ici un H1).

Le contenu du champs est rempli à partir du <H1> qui est ensuite mis à jour quand on modifie le texte du champs, vous pouvez adapter le code à un <TEXTAREA> et l’associer à un autre élément qu’un titre.

jsfiddle.net

<form>
	<input type="text"/>
</form>
<h1>Hello World</h1>

<form>

</form>

<h1>Hello World</h1>

$(function() {
	$("input").val($("h1").text());
	$("input").keyup(function() {
		$("h1").text($("input").val());
	});
});

$(function() {

$("input").val($("h1").text());

$("input").keyup(function() {

$("h1").text($("input").val());

});

Cette astuce utilise jQuery pour des raisons de facilités.

Tags:

javascript,jquery

Lier un champs texte à un élément HTML

Tags:

Florent

Aucun commentaire

Commenter Cancel Reply

Articles récents