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