Rechercher
recherche interne en savoir plus!
Les dernières pages de Cours et Dossiers ajoutées
- Utilitaires - Testeur de REGEX
- Trucs et Astuces - Insérer un copyright sur une image avec la librairie GD
- Trucs et Astuces - Créer des titres en image PHP avec la librairie GD
Informations Générales
Chargement en cours...
Nombre de Visites 
[ 1 129 574 ]Votre IP
[ 38.107.179.243 ] 
Vous êtes ici :
Imprimer le document
Informations Générales [436] Posts sur le forum [514] Membres inscritsIl y a en ligne :  0 Membre 0 Invité Membre en ligne:Aucun Partenariat
 Publicité Nos Partenaires
|
JavaScript - Liste d'options dynamiqueCette astuce permet de générer une liste d'options en fonction d'une liste d'options donnée. Si vous sélectionnez une option, elle sera automatiquement ajoutée à votre liste. De même, si vous re-sélectionné une option déjà dans la liste, l'option sera supprimé de la liste. Un Exemple : Mise en placeEntre les balises <HEAD> et </HEAD> :
<script type="text/javascript">
// <![CDATA[
function chgOpt(form) {
var List = form.LstOptions.value.toString();
var Index = form.SelOptions.selectedIndex;
var Sel = form.SelOptions.options[Index].text;
if (List.search(Sel) == -1 && Sel != '-') {
form.LstOptions.value += Sel+'\n';}
else {
form.LstOptions.value = form.LstOptions.value.replace(Sel+'\r\n','');
form.LstOptions.value = form.LstOptions.value.replace(Sel+'\n','');}
}
// ]]>
</script>
Balise <BODY> : Rien Entre les balises <BODY> et </BODY> : <form action="#" id="form"> <table> <tr valign="top" align="right"> <td>Options :</td> <td><select name="SelOptions" onchange="chgOpt(this.form)"> <option>-</option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> <option>Option 4</option> <option>Option 5</option> </select></td> <td>Choix :</td> <td><textarea cols="10" rows="6" name="LstOptions"></textarea></td> </tr></table> </form> [0] commentaire - Voir/Editer 
|
Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers.
