Recuperer valeur d'un select

par **Fredy07** » 14 mars 2011, 21:43

Tu veux des listes liées ? Pour de petites listes liées tu peux regarder ici. Pour de plus gros besoins et une méthode plus générique tu peux regarder là.

Merci AB pour les liens, une question:

Comment puis je recuperer l'ID de la liste nouvellement generee? par exemple je genere la premiere liste avec un id Liste1 resultat elle donne une 2eme liste, comment recuperer l'ID de la 2eme liste juste apres generer la premiere liste?

Merci

par AB » 14 mars 2011, 19:34

Tu veux des listes liées ? Pour de petites listes liées tu peux regarder ici. Pour de plus gros besoins et une méthode plus générique tu peux regarder là.

par **Fredy07** » 14 mars 2011, 08:51

Bref, je voudrais generer une liste a partir d'une autre, lorsque je genere la premiere liste par exemple telephone, j'obtiens une autre avec tel1, tel2,... ainsi de suite, comment puis je recuperer et mettre l'ID de la premiere select en une variable afin de l'utiliser dans la 2eme fonction afin de verifier par if.

par **Fredy07** » 13 mars 2011, 05:41

J'ai un select avec 3 options, en choisissant 1 de ces select, j'obtiens un sous select, et en choisissant ce dernier, je genere une page, comment faire afin de combiner le 2eme choix (2eme select) afin de quoi que ce soit selectionne j'obtiens la resultat qui correspond a ce choix, par exemple:

All > All1 > ca me donne all1
Nationality > Nationality2 > ca me donne nat2

ainsi de suite

<head>
<style type="text/css">
#msg, #error {
	/* padding-top: 0px; */
	margin-top:  0px;
	width: 500px;
	background-color: #FF33cc;
	color: #000000;
	text-align: center;
	cursor: pointer;
	display: none;
}
</style>

<script src="jquery.js" type="text/javascript"></script>

<script type="text/javascript" >
$(document).ready(function() {
		
		$("#select1").change(function(){
		
		
		var my_select 		= $("#select1 option:selected");
		
		//Récupération des valeurs du formulaires
		var my_select_val 		= $("#select1 option:selected").val();
		
		
		console.log(my_select_val);
		
		
			if (my_select_val == 'all')
		  {
		  	$(".output2").hide();
		  	$(".output3").hide();	
		  	$(".output1").show();
		  }
		  
		  if (my_select_val == 'nationality')
		  {	
		  	$(".output1").hide();
		  	$(".output3").hide();
		  	$(".output2").show();
		  }
		  
		  if (my_select_val == 'tel')
		  {
			$(".output1").hide();
		  	$(".output2").hide();
		  	$(".output3").show();
		  }
		

});
	//return false;
	
	$("#select2").change(function(){
		
		
		var my_select2 		= $("#select2 option:selected");
		
		//Récupération des valeurs du formulaires
		var my_select2_val 		= $("#select2 option:selected").val();
		
		
		console.log(my_select2_val);
		
		
			if (my_select2_val == 'all1')
		  {
		  	$(".output_page").html('all1');
		  }
		  
		  if (my_select2_val == 'all2')
		  {	
		  	$(".output_page").html('all2');
		  }
		  
		  if (my_select2_val == 'all3')
		  {
			$(".output_page").html('all3');
		  }
		  
		  if (my_select2_val == 'all4')
		  {
			$(".output_page").html('all4');
		  }

});

	
	$("#select3").change(function(){
		
		
		var my_select3 		= $("#select3 option:selected");
		
		//Récupération des valeurs du formulaires
		var my_select3_val 		= $("#select3 option:selected").val();
		
		
		console.log(my_select3_val);
		
		
			if (my_select3_val == 'nationality1')
		  {
		  	$(".output_page").html('nat1');
		  }
		  
		  if (my_select3_val == 'nationality2')
		  {	
		  	$(".output_page").html('nat2');
		  }
		  
		  if (my_select3_val == 'nationality3')
		  {
			$(".output_page").html('nat3');
		  }
			
			if (my_select3_val == 'nationality4')
		  {
			$(".output_page").html('nat4');
		  }

});
	return false;
			
	}); // end DOM




</script>


</head>
<body>
<div align="right">
<select name="select1" id="select1">
<option value="all">All</option>
<option value="nationality">nationality</option>
<option value="tel">tel</option>
</select>
<span id="loading"></span>
</div>

<div class="output1" id="mydiv" style="display: none">
<select name="select2" id="select2">
<option value="all1">All1</option>
<option value="all2">All2</option>
<option value="all3">All3</option>
<option value="all4">All4</option>
</select>
</div>

<div class="output2" id="mydiv" style="display: none">
<select name="select3" id="select3">
<option value="nationality1">nationality1</option>
<option value="nationality2">nationality2</option>
<option value="nationality3">nationality3</option>
<option value="nationality4">nationality4</option>
</select>
</div>

<div class="output3" id="mydiv" style="display: none">
<select name="select4" id="select4">
<option value="tel1">tel1</option>
<option value="tel2">tel2</option>
<option value="tel3">tel3</option>
<option value="tel4">tel4</option>
</select>
</div>

<div class="output_page"></div>



</body>
</html>
Merci

par **Fredy07** » 11 mars 2011, 11:13

J'ai effectue un petit changement, corrigez moi svp:

<head>
<style type="text/css">

</style>

<script src="jquery.js" type="text/javascript"></script>

<script type="text/javascript" >
$(document).ready(function() {

$("select").change(function(){
	
		//Récupération des valeurs du formulaires
		var my_select 		= $("#select1 option:selected").val();
		console.log(my_select);
		
		var username 	= $("#username").val();
		var dataString 	= 'select=' + my_select;
		
		return false;
	});



});
</script>


</head>
<body>
<div align="right">
<select name="select1" id="select1">
<option value="all">All</option>
<option value="nationality">nationality</option>
<option value="tel">tel</option>
</select>
<span id="loading"></span>
</form>

<div id="all"></div>


</body>
</html>

par **Fredy07** » 11 mars 2011, 11:04

Bonjour,

Je voudrais recuperer la valeur de l'option d'un select dans un formulaire, sans la faire voir a la barre des adresses, j'ai mis ce code, mais en vain:

<head>
<style type="text/css">

</style>

<script src="jquery.js" type="text/javascript"></script>

<script type="text/javascript" >
$(document).ready(function() {

		$("select").change(function(){
	
		//Récupération des valeurs du formulaires
		var my_select 		= $("#select1").val();
		
		console.log(my_select);
		
		return false;
	});



});
</script>


</head>
<body>
<div align="right">
<form id="formulaire" action="" method="POST">
<select name="select1" id="select1" ONCHANGE="location = this.options[this.selectedIndex].value;">
<option value="all" id="all">All</option>
<option value="nationality" id="nationality">nationality</option>
<option value="tel" id="tel">tel</option>
</select>
<span id="loading"></span>
</form>

<div id="all"></div>


</body>
</html>

Je voudrais avoir la meme url, par exemple: www.site.com/url.php et ca reste toujours la meme

Merci

Recuperer valeur d'un select

Répondre

Étendre la vue Revue du sujet : Recuperer valeur d'un select

Re: Recuperer valeur d'un select

Re: Recuperer valeur d'un select

Re: Recuperer valeur d'un select

Re: Recuperer valeur d'un select

Re: Recuperer valeur d'un select

Recuperer valeur d'un select