Discussion :

[legrandse]

Bonjour à tous,

J'essaye d'effectuer une redirection web sur une liste déroulante qui fonctionne bien sur PC mais pas sur smartphone.

Ma liste déroulante se présente comme suit:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="form-group row">
                	<div class="col-md-6 mb-3 mb-md-0">
                  		<label class="control-label " for="house">Votre choix de maison:</label>
                        <select class="form-control input-lg" name="house"   >
                   			<?php 
                                    foreach ($stmtHousesList as $houseList) {
                                                        
                            $selected_house = $id_house === $houseList['id'] ? ' selected="selected"  ' : ''; 
                            $id = $houseList['id'];
                            $name = $houseList['name'].' '.$houseList['capacity']; ?>
                            <option onclick="selectHouse(<?php echo $id;?>)" class="form-control" value="<?php echo $id;?>" <?php echo $selected_house;?> ><?php echo $name;?></option>
 
		                   <?php } ?>
		               </select>
		            </div>
                </div>

et ma fonction de redirection :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
  function selectHouse(nr){
  	document.location.href="sign-up.php?house=" + nr	;
 
  }

Pouvez-vous me dire pourquoi la fonction "onclick" ne marche pas dans mon cas ?

Merci pour l'aide

[NoSmoking]

Bonjour,
gères la modification et la prise en compte non pas sur le onclick d'es <option> mais sur le onchange du <select>.

[Doksuri]

autre precision : sur mobile, ce ne sont pas les evenement click,mouse* mais touch*

[legrandse]

Bonjour,
gères la modification et la prise en compte non pas sur le onclick d'es <option> mais sur le onchange du <select>.

Merci pour l'aide

Dans ce cas en utilisant un onChange dans le select, comment gères tu les id de chaques maisons dans la fonction ?

[Invité]

Bonjour,

ce n'est pourtant pas bien compliqué :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<select ... onchange="selectHouse(this.value);">
    <option value="">...</option>
...
    <option value="<?php echo $id;?>" <?php echo $selected_house;?> ><?php echo $name;?></option>
...

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function selectHouse(nr) {
  if (nr != "") {
    document.location.href = "sign-up.php?house=" + nr;
  }
}

[legrandse]

Super!

Merci à toi.