Rechercher
recherche interne en savoir plus!
Les 6 dernières pages de Cours et Dossiers ajoutées
- (01/01/2008) PHP - Expression Rationnelle PREG_REPLACE
- (01/01/2008) Trucs et Astuces - (PHP) Supprimer les espaces en trop dans une chaîne
- (26/12/2007) Trucs et Astuces - (HTML) Jukebox vidéo en flash
- (02/12/2007) Trucs et Astuces - (PHP) Manipulation des Dates
- (10/11/2007) Trucs et Astuces - (JavaScript) Masquer/Désactiver des champs de formulaire
- (02/11/2007) Trucs et Astuces - (JavaScript) Liste d'options dynamique
Informations Générales
Chargement en cours...
Nombre de Visites 
[ 138942 ]Votre IP
[ 38.103.63.16 ] 
Vous êtes ici :
Imprimer
Informations Membres
 0 Membre 1 Invité Membre en ligne:Aucun Partenariat
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) commentaires - Voir/Editer 
|
Vous pouvez aider ce site à évoluer, en contribuant à son développement.
Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans 
