[ 1 129 574 ]
[ 38.107.179.243 ]
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 |