JQuery UI slider range récupérer la valeur

Version imprimable

Bonjour,

J'ai réussi à faire fonctionner correctement les curseurs , maintenant j'ai besoin de récupérer la valeur.

J'ai pensé la mettre dans un input hidden (age) mais je n'ai pas encore réussi à trouver la bonne syntaxe.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function(){
		var outputSpan = $('#spanOutput');
 
	$('#slider').slider({
		range: true,
		min:18,
		max:100,
		values: [ 25, 45 ],		
		slide: function (event, ui) {
			outputSpan.html('entre ' + ui.values[0] + ' et ' + ui.values[1] + ' ans');			
		}
 
	 });
 
	});

Code:

1
2
3
4
5
6
7
8
<div style="margin-top:10px">
                                    Age: <span id="spanOutput"></span>
                                    <br><br>
                                    slider<div id="slider"></div>                                                                     
                                </div>
 
 
                                <input type="hidden" id="age" name="age" value="une valeur">

19/07/2021, 17h57
Toufik83
Bonjour,

Toujours dans le callback slide :
Code:

1 2 3 4 5 slide: function (event, ui) { outputSpan.html('entre ' + ui.values[0] + ' et ' + ui.values[1] + ' ans'); $("#age").val(ui.values[0]); }
le callback stop permet de faire la même chose, la différence entre stop et slide c'est que le premier se déclenche à la fin de slide et le 2éme pendant le slide..

merci mais j'ai trouvé tous seul !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
$('#slider').slider({
		range: true,
		min:18,
		max:100,
		values: [ 25, 45 ],		
		slide: function (event, ui) {
			outputSpan.html('entre ' + ui.values[0] + ' et ' + ui.values[1] + ' ans');
			var v1 = ui.values[0];
			var v2 = ui.values[1];
			$('#age').val(v1);
			$('#age2').val(v2);
 
		}
 
	 });
 
	});