[ 138942 ]
[ 38.103.63.16 ]
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 |