Forum d'entraide PHPFrance

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

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>

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

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.

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à.

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

Forum d'entraide PHPFrance

Recuperer valeur d'un select

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