Discussion :

[okoweb]

Bonjour,

Code JS

Code :

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

<select onchange="window.location.href='spip.php?mot' + this.selectedIndex.value;">

Code jQuery

Code :

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

<select onchange="window.location.href='spip.php?mot' + $('#AllfieldsList').val();">

Code complet de mon formulaire

Code :

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

1
2
3
4
5
6
7
8
9
<select onchange="window.location.href='spip.php?mot' + this.selectedIndex.value;">
<option value="12">Afrique Australe</option>
<option value="10">Afrique Centrale</option>
 
<option value="9">Afrique de l’Est</option>
<option value="13">Afrique de
 l’Ouest</option>
<option value="11">Afrique du Nord</option>
</select>

Que ce soit en JS ou en Jquery, en cliquent sur un élément de liste sur la barre d'adresse j'ai cette url
http://www.monsite.com/spip.php?motundefined

J'ai l'impression que c'est JS ou Jquery qui ne lit pas les value des options.

Que faire???

Meilleures salutations

[Invité]

Et avec

javascript: après le onchange ? edit : surtout pas

document.location au lieu de window.location edit : pas besoin

this.options[this.selectedIndex].value; au lieu de this.selectedIndex.value;

?

Ce qui donnerait :

Code HTML :

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

<select onchange="javascript:document.location.href='spip.php?mot' + this.options[this.selectedIndex].value;">

fonctionne chez moi

[okoweb]

Et avec
javascript: après le onchange ?
document.location au lieu de window.location

Code HTML :

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

<select onchange="javascript:window.location.href='spip.php?mot' + this.selectedIndex.value;">

Si j'ai bien compris, je suis renvoyé vers la page spip.php?motundefined au lieu de http://www.monsite.com/spip.php?mot10 par exemple.

Meilleures salutations.

[okoweb]

Et avec

javascript: après le onchange ?

document.location au lieu de window.location

this.options[this.selectedIndex].value; au lieu de this.selectedIndex.value;

?

Ce qui donnerait :

Code HTML :

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

<select onchange="javascript:document.location.href='spip.php?mot' + this.options[this.selectedIndex].value;">

Edit: fonctionne chez moi

Ça marche super bien. Merci...

Et si on voulait le faire en jQuery???

Meilleures salutations.

[Invité]

Désolé je ne connais strictement rien au jQuery, j'ai juste vu quelques bouts de code dans des conférences, ça s'arrête là pour moi

[okoweb]

Désolé je ne connais strictement rien au jQuery, j'ai juste vu quelques bouts de code dans des conférences, ça s'arrête là pour moi

Merci

[Bovino]

javascript: après le onchange ?

Strictement inutile : voir la FAQ

document.location au lieu de window.location

location se suffit à lui-même

this.options[this.selectedIndex].value; au lieu de this.selectedIndex.value;

L'erreur vient bien d'ici !
Mais this.value est valable aussi.

Code HTML :

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

<select onchange="javascript:document.location.href='spip.php?mot' + this.options[this.selectedIndex].value;">

Code :

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

<select onchange="location.href='spip.php?mot' + this.value;">

Et si on voulait le faire en jQuery???

Ca ne changerait rien, jQuery est utile pour cibler des éléments du document à partir de scripts externes dans le but justement d'éviter ce genre de code intrusif (l'utilisation des attributs événement).

[Invité]

Merci Bovino, pour tes précisions, je vais relire de ce pas les cours JavaScript pour éviter de dire n'importe quoi.

[kohsaka]

voila ce que j'aurais proposé en jQuery

Code :

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

1
2
3
4
5
6
7
8
9
 
<select id="monSelect">
  <option value="0">sélectionner une option</option>
  <option value="1">Afrique</option>
  <option value="2">Amérique</option>
  <option value="3">Asie</option>
  <option value="4">Australie</option>
  <option value="5" selected="selected">Europe</option>
</select>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$(document).ready(function(){
     $("#monSelect option").click(function(){
          var selectedValue = $(this).attr("value");
          if(selectedValue != 0)
          {
               document.location.href= 'spip.php?mot' + selectedValue;
          } 
          return false;    
     }
}

[danielhagnoul]

Code :

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

1
2
3
4
5
6
7
8
9
10
 
    <script type="text/javascript">
        $(document).ready(function(){
            $("#monSelect").change(function(){
                var obj = $("option:selected",this);
 
                alert($(obj).val() + " = " + $(obj).text());
            });
        });
    </script>