[UI] Récupérer les valeurs d'une liste de jQuery Autocomplete

Récupérer les valeurs d'une liste de jQuery Autocomplete

Bonjour,

Sur ma page j'ai une foule de champ d'autocompletion donnant un code source comme ceci:
Code:

1 2 3 4 5 6 7 8 9 10 <input class="autocomplete1"... <input class="autocomplete1"... <input class="autocomplete2"... <input class="autocomplete2"... <input class="autocomplete3"... <input class="autocomplete3"... ...
dans mon js je les récupères de cette manière:

Code:

var AllInputs = $("input[class^='autocomplete'" + id + "']");

J'amerais récupérer les valeurs entrées en bouclant sur ce que j'ai récupéré.
J'ai essayé avec
Code:

1 2 3 jQuery.each(AllInputs, function () { console.log(this.value); })
Mais cela me retourne une chaine null.

Merci pour toute aide.

Bonsoir

Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0">
	<meta name="author" content="Daniel Hagnoul">
	<title>Forum jQuery</title>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/headjs/0.99/head.min.js"></script>
	<script>
		"use strict";
 
		head.js( 
			"http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js", 
			//"http://code.jquery.com/jquery-1.10.1.min.js",
			"http://code.jquery.com/jquery-2.0.2.min.js",
			"http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery-ui-i18n.min.js",
			"http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js",
			"http://danielhagnoul.developpez.com/lib/dvjh/base.js",
			"http://cdnjs.cloudflare.com/ajax/libs/jquery-url-parser/2.2.1/purl.min.js",
			function(){
 
				$( function(){
 
					var jObjInput = $( "input[class^='autocomplete']" );
 
					jObjInput.on( "change", function(){
 
						console.clear();
 
						jObjInput.each( function( i, item ){
							console.log( i, $( item ).attr( "class" ), $( item ).val() );
						});
 
					});
 
				});
 
				$( window ).load( function(){
 
				});
			}
		);
	</script>
	<link href='http://fonts.googleapis.com/css?family=Sofia|Ubuntu:400|Kreon'>
	<link rel="stylesheet" href="http://danielhagnoul.developpez.com/styles/dvjhRemBase.css">
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/sunny/jquery-ui.min.css">
	<style>
		/* TEST -- Nota bene : ici 1 rem est égal à 1 px, voir dvjhRemBase.css */
 
	</style>
</head>
<body>
	<header>
		<hgroup>
			<h1>Forum jQuery</h1>
			<h2>
				<a href="">Lien</a>
			</h2>
		</hgroup>
	</header>
	<section class="conteneur">
 
		<input type="text" class="autocomplete1" value="100">
		<input type="text" class="autocomplete1" value="101">
 
		<input type="text" class="autocomplete2" value="200">
		<input type="text" class="autocomplete2" value="201">
 
		<input type="text" class="autocomplete3" value="300">
		<input type="text" class="autocomplete3" value="301">
 
	</section>
	<footer itemscope itemtype="http://danielhagnoul.developpez.com/">
		<time datetime="2013-06-25T00:16:46.240+02:00" pubdate>2013-06-25T00:16:46.240+02:00</time>
		<span itemprop="name">Daniel Hagnoul</span>
		<a href="http://www.developpez.net/forums/u285162/danielhagnoul/" itemprop="url">@danielhagnoul</a>
		<a href="http://danielhagnoul.developpez.com/" itemprop="url">Mon cahier d’exercices</a>
		<a href="http://javascript.developpez.com/faq/jquery/" itemprop="url">FAQ</a>
		<a href="http://javascript.developpez.com/cours/?page=frameworks#jquery" itemprop="url">Tutoriels</a>
	</footer>
</body>
</html>

Bonjour,

J'ai mal exprimé mon besoin. Le code que vous me fournissez me permet de récupérer ce qui est écrit au fur et a mesure.

Chaqu'uns de mes "groupes" d'autocomplete est dans un form different.
C'est uniquement apres validation d'un des form qu'il me faut récupérer ce qui a été entré dans les champs qu'il contient.

Désolé de ne pas avoir expliqué ça clairement dès le début.

Merci pour votre aide ^^'

Code:

console.log($(this).val());