|
| auteur : simone.51 |
Ce code est utile pour récupérer la valeur d'un select lorsque l'internaute y clique dessus par exemple.
document.getElementById('liste').options[document.getElementById('liste').selectedIndex].value
|
Explications :
document.getElementById('liste') --> permet de désigner la liste en question
La propriété option permet de désigner une des valeurs de la liste déroulante. Il s'agit d'un tableau.
Ainsi, pour désigner le premier élément de la liste, il suffit de faire :
document.getElementById('liste') .option[0]
|
document.getElementById('liste').selectedIndex --> permet de désigner l'élément sélectionné
|
|
| auteur : simone.51 |
Ce code est utile pour récupérer le texte d'un select lorsque l'internaute y clique dessus par exemple.
document.getElementById('liste').options[document.
getElementById('liste').selectedIndex].text
|
Explications :
document.getElementById('liste') --> permet de désigner la liste en question
La propriété option permet de désigner une des valeurs de la liste déroulante. Il s'agit d'un tableau.
Ainsi, pour désigner le premier élément de la liste, il suffit de faire :
document.getElementById('liste') .option[0]
|
document.getElementById('liste').selectedIndex --> permet de désigner l'élément sélectionné
|
|
| auteur : denisC |
Pour modifier l'élément sélectionné dans un select, il suffit de changer
l'attribut selected des éléments:
document.forms[0].monSelect.options[i].selected = true;
|
Dans le cas d'un select normal, si une option est passée à true, elle deviendra
automatiquement l'option sélectionnée. Pour un select multiple, cette option
se rajoutera aux options déjà sélectionnées.
|
|
| auteur : denisC |
Pour récupérer les valeurs sélectionnées dans un select multiple, il faut
parcourir l'ensemble des options de ce select (comme pour des checkbox).
var selectedList = new Array();
var selectBox = document.forms[0].monSelect;
for (var i=0; i<selectBox.options.length; i++) {
if (selectBox.options[i].selected) {
selectedList.push(selectBox.options[i]);
}
}
var alertTxt = "";
for (opt in selectedList) {
alertTxt += "L'option "+opt.value+" est selectionnée \n";
}
alert(alertTxt);
|
|
|
| auteur : simone.51 |
Cette fonction ne marche que si les case à cocher possèdent le même nom.
for (i=0; i<document.nomduform.nomdescases.length; i++) {
if (document.nomduform.nomdescases[i].checked)
else
}
|
|
|
| auteur : BrYs |
Il suffit d'utiliser la propriété value .
Ainsi, il suffit de faire :
document.getElementById('idduchamp').value
|
|
|
| auteur : Jérôme |
Pour des raisons de sécurité, il n'est pas possible de modifier la valeur d'un
champ de formulaire de type file. En effet, sa propriété value est en lecture
seule. Si ce n'était pas le cas, il serait donc possible de donner une valeur
par défaut à ce champ, et pourquoi pas un fichier sensible du système
d'exploitation de l'utilisateur, puis de faire envoyer ce fichier via un
formulaire invisible qui s'envoie tout seul (grâce à JavaScript).
|
|
| auteur : denisC |
Il suffit de rajouter un attribut onfocus au champ texte:
<input type="text" name="nom_de_mon_input" onfocus="this.value='';"/>
|
|
|
| auteur : denisC |
Il suffit de rajouter un attribut onfocus au champ texte:
<input type="text" name="nom_de_mon_input" onfocus="this.select();"/>
|
|
|
| auteur : BrYs |
La méthode suivant permet de mettre à jour un select désigné par son idSelect:
function updateComboBox (idSelect,data,selectedKey) {
var monSelect = document.getElementById(idSelect);
monSelect.options.length = 0;
var selected;
i=0;
for (var key in data) {
if (selectedKey == key) {
selected = i;
}
monSelect.options[monSelect.length] = new Option(data[key],key);
i++;
}
monSelect.selectedIndex = selected;
}
|
- idSelect est l'identifiant unique du select à mettre à jour
- data est une liste associative des valeurs / texte des options à ajouter
- selectedKey est la value de l'option actuellement selectionnée
|
lien : Exemple d'utilisation de ce script
|
Consultez les autres F.A.Q's
Les sources présentées sur cette page sont libres de droits
et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation
constitue une œuvre intellectuelle protégée par les droits d'auteur.
Copyright © 2004 Developpez Developpez LLC.
Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne
peut être faite de ce site ni de l'ensemble de son contenu : textes, documents
et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez
selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.
