Liste select sans selection

**younesssoleil** · 22/06/2017, 12h53

Bonjour,
Au chargement de ma page, je charge 'en lisant depuis une base de données' des éléments dans une liste Select " listeusers"

donc ma liste listeusers contient bien mes éléments: test1, test2, test3...
mon problème: je n'arrive pas à lire l’élément affiché en premier 'ici test1' sans appliquer la fonction :

Code :

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

listeusers.options[listeusers.selectedIndex].value

car mon but est de retourner l’élément afficher en premier sans sélectionner dans la liste.
est ce possible?Merci

**ProgElecT** · 22/06/2017, 13h39

Salut

Code :

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

var premelem = document.getElementById("listeusers")[0].value;

**younesssoleil** · 22/06/2017, 13h51

Merci..J'ai l'erreur suivante:

TypeError: Cannot read property 'value' of undefined

**ProgElecT** · 22/06/2017, 14h02

Re
?
peut être:

Code :

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

var premelem = document.getElementById("listeusers")[0].text;

ou encore:

Code :

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

var premelem = document.getElementById("listeusers").option[0].text;

**younesssoleil** · 22/06/2017, 14h11

Toujours la même erreur..j'ai l'impression que pour le programme la liste est vide tant que je n'ai pas sélectionné un élément ...je galère..

**ProgElecT** · 22/06/2017, 14h57

C'est peut être l'endroit ou est placée ta commande script dans l'ensemble de ton code.
Ta liste n'est peut être pas remplie quand tu tentes de récupérer ton premier élément de ta liste.
car

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
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<body>
 
<select id="mySelect">
  <option>Premier</option>
  <option>Deuziéme</option>
  <option>Troisiéme</option>
  <option>Quatriéme</option>
</select>
<select id="num" onchange="affiche()">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select>
<p id="result"></p>
<script>
function affiche(){
var nindex = document.getElementById("num").selectedIndex;
    var premelem = document.getElementById("mySelect").options[nindex].text;
    document.getElementById("result").innerHTML = premelem;
    }
</script>
 
</body>
</html>

donne le bon résultat.

Liste select sans selection

JavaScript

Vue hybride

Discussions similaires

Partager

Partager