TUTOS.EU

Lire et affecter un champ Input en jQuery

Voici une page d'exemple montrant comment faire.
Vous pouvez tester le code sur https://www.tutorialspoint.com/online_html_editor.php

<!DOCTYPE html>
<HTML lang="fr">
	<HEAD>
		<meta charset="utf-8" />
		<link href="style.css" rel="stylesheet" />
		<script src="https://code.jquery.com/jquery.js" type="text/javascript"></script>

	</HEAD>
	<BODY>

		<DIV id="mabaliseDIV">
			<p><INPUT id="butTest1" type="BUTTON" value="Afficher"></p>
			<p><INPUT id="butTest2" type="BUTTON" value="Assigner"></p>
			<p><input type="text" id="MonChampText" value="52"></p>
			<div id="Result"></div>
		</DIV>

		<SCRIPT TYPE="text/javascript">

			$(function() {

				$("#butTest1").click(function() {
                    //Lire le contenu de MonChampText et l'afficher dans la balise DIV Result
                    $('#Result').html($('#MonChampText').val());
				} );

                //Affecter Pouet à MonChampText
				$("#butTest2").click(function() {
                    $('#MonChampText').val('Pouet');
				} );

			});	

		</script>		
		
	</BODY>
</HTML>
Lien vers le fichier : cliquez ici Copier le code

Article(s) en relation(s)

Créer des éléments dynamiquement dans une page HTML avec jQuery

2