Changer selected option value dropdownbox

Version imprimable

09/04/2013, 15h44
thebest31

Changer selected option value dropdownbox
Bonjour,

J'ai une dropdownbox avec par défaut une valeur et j'aimerais la supprimer et prendre la valeur suivante par défaut:
Ce que j'ai:
Code:

1 2 3 <option value="!ALL" selected > (All) </option> <option value="2006" > 2006 </option> <option value="2005" > 2005 </option>
Ce que je voudrais avoir à la place:
Code:

1 2 <option value="2006" selected > 2006 </option> <option value="2005" > 2005 </option>
Merci d'avance.

Cordialement.
09/04/2013, 16h11
Kaamo
Citation:
Ce que je voudrais avoir à la place:

Code:

1 2 <option value="2006" selected > 2006 </option> <option value="2005" > 2005 </option>
euh :koi: quelle est la question ? Car là tu viens de résoudre le problème. C'est en effet le code qu'il faut mettre si tu veux sélectionner la valeur 2006 et qu'elle soit prise par défaut.

Ou alors .... tu veux le faire dynamiquement avec Javascript ? Tu ne peux pas modifier le code HTML ?
Ou alors ... tu veux que lors du clic sur la liste, l'option "ALL" ne soit plus disponible et que 2006 le soit à la place ?
09/04/2013, 16h21
thebest31

Ce que je voudrais c'est qu'à l'ouverture de la page html le ALL ne soit pas proposé et que la page s'ouvre sur les données de 2006.

La valeur du deuxième choix est dynamique (ce ne sera pas toujours 2006).

En cherchant sur internet j'ai trouvé une formule sympa :

Citation:

document.getElementById('my_drop_down').selectedIndex=2;

Mais le problème c'est que l'identifiant est dynamique donc je ne peux pas le mettre en dur.
S'il y a possibilité de changer le html sans passer par du javascript je prends aussi.

Pour info, cette page html provient d'un webtemplate SAP BW.
09/04/2013, 16h29
SpaceFrog

dropdownbox n'existe pas en html, c'est un select

pour basculer l'option selectionnée à la suivante, avant de te donner une piste, tu travailles avec jquery ?
09/04/2013, 16h30
Kaamo

Le plus simple serait de modifier le web template directement et de virer cette option qui semble être inutile.
09/04/2013, 16h35
thebest31

Non je ne travaille pas avec jquery.

J'aimerais bien supprimer cette fonctionnalité directement sur le webtemplate mais ce n'est pas possible. La seule chose que je peux faire (et que j'ai déjà implémenté) c'est le supprimer après avoir sélectionné à la main une année.
09/04/2013, 16h39
Kaamo

Pourquoi est-ce impossible ? C'est une question de droit ?
Donc tu ne peux pas modifier le template mais tu peux ajouter du javascript ?
09/04/2013, 16h44
thebest31

Il y a une option dans le webtemplate qui se nomme
Do Not Display "All values" Entry
qui lorsqu'elle est cochée permet de supprimer le ALL mais seulement une fois qu'une valeur ai été sélectionnée "à la main".

C'est parce que cette option ne marche pas que je cherche à passer par le javascript.
09/04/2013, 16h53
SpaceFrog

le js pour la selection du suivant ...

http://jsfiddle.net/xtcFk/
09/04/2013, 17h00
Kaamo

Es-tu sûr que cette "option ne marche pas" ? Peut-être est-ce le bon comportement de cet "objet SAP".
Peut-être que tu devrais te renseigner pourquoi le fait d'utiliser Do Not Display "All values" Entry ne permet pas de "cacher" ce ALL.
Sûrement un truc qui manque à ton web template ? Peut-être un filtre mal attaché à une vue ...

Mais bon, ça relève plutôt du support SAP.

En utilisant le Javascript tu contournes le problème initial, je pense.
09/04/2013, 17h23
thebest31

@SpaceFrog : l'identifiant étant dynamique je ne peux pas utiliser cette fonction

@Kaamo : j'ai déjà ouvert une discussion sur ce sujet au niveau du forum SAP mais pas de réponse :cry:

Merci quand même à vous deux!
09/04/2013, 17h56
Kaamo

Comme tu le décris, "ALL" peut-être caché seulement s'il y a un filtre donc ? Sur l'année en l'occurrence ?
Essaie donc de définir un filtre automatique au chargement de ce template. ça doit sûrement être possible.
Par exemple, crée une vue basé sur une requête (sélectionner 2006) et attache la vue au template.
Ainsi, une fois le template lancé, il ira chercher la vue correspondante, appliquera le filtre et avec l'option adéquate (Do Not Display ...), le ALL ne devrait pas s'afficher.
09/04/2013, 18h22
NoSmoking

Bonjour,

Citation:

Envoyé par thebest31

@SpaceFrog : l'identifiant étant dynamique je ne peux pas utiliser cette fonction

tu peux l'atteindre via la méthode getElementsByTagName

Code:

var lstSelect = document.getElementsByTagName('SELECT');

Il te suffit de trouver le bon s'il y en à plusieurs.
10/04/2013, 00h01
Auteur
bonsoir,

un petite remarque concernant le code HTML :
Code:

1 2 <select> <option value="!ALL" selected> ALL </option>
il faut écrire selected="selected" sinon ce n'est pas valide W3C ;)
Code:

1 2 <select> <option value="!ALL" selected="selected"> ALL </option>
10/04/2013, 08h10
Bovino

Auteur, ça dépend du doctype. En syntaxe xhtml oui, tout attribut doit avoir une valeur, mais en syntaxe HTML, tu peux avoir des attributs dits booléens et sans valeur (leur seule présence équivaut à une valeur).
En HTML5, les deux syntaxes sont autorisées. ;)
10/04/2013, 10h21
Auteur

C'est vrai tu as raison, cela dépend du doctype. En HTML 4, je sais que la syntaxe est autorisée mais j'ai pris l'habitude du XHTML ;)

Par contre en HTML 5 (j'avoue toutefois que je ne me suis pas encore penché sur les normes), je suis un peu surpris, c'est un retour en arrière ?
10/04/2013, 10h27
Bovino

Non, c'est une continuité.
La syntaxe HTML ayant toujours autorisé cette notation.
La seule chose, c'est que HTML5 autorise les deux types de syntaxe.
10/04/2013, 11h21
thebest31

Alors j'ai quelque chose de très bizarre!!
J'ai exécuté le code de NoSmoking et j'ai bien l'affichage du dropdownbox qui marche mais par contre quand j'affiche la source de la page HTML j'ai toujours le All qui est en selected.
Du coup mes tableaux de données associés au dropdownbox ne se mettent pas à jour.:cry:
Des idées du pourquoi du comment??
Merci d'avance
10/04/2013, 16h35
SpaceFrog

ne te fie pas au source de la page ...
il n'est le reflet que de ce que ton navigatier reçoit du serveur, pas ce qui est modifié par script...
Si tu as firebug, l'onglet html est lui le reflet de la page affichée, modification dynamiques comprises

Citation:

Envoyé par thebest31

J'ai exécuté le code de NoSmoking et j'ai...

euh! je n'ais pas donné de code mais un indice qui sans plus ne fera rien ;)

Cette fois voici un exemple d'utilisation

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[...]</title>
<style>
</style>
</head>
<body>
<select>
  <option>Select #1</option>
  <option>Select #2</option>
  <option>Select #3</option>
</select>
<select>
  <option value="!ALL">All</option>
  <option>Select #1</option>
  <option>Select #2</option>
  <option>Select #3</option>
</select>
<script>
var lstSelect = document.getElementsByTagName('SELECT');
var i, nb = lstSelect.length;
for( i=0; i < nb; i++){
  if( lstSelect[i].options[0].value == "!ALL"){
    lstSelect[i].removeChild( lstSelect[i].options[0]);
  }
}
</script>
</body>
</html>