1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
|
<html>
<head>
<script type="text/javascript">
<!--
function ajouter(){
nouvel_element = new Option(document.formulaire.nouveauchoix.value,document.formulaire.nouveauchoix.value,false,false);
document.formulaire.liste.options[document.formulaire.liste.length] = nouvel_element;
document.formulaire.nouveauchoix.value = "";
}
function supprimer(){
var compteselect=0;
for(i=0;i<document.formulaire.liste.length;i++){
if(document.formulaire.liste.options[i].selected == true){
compteselect++;
}
if(compteselect>0){
for(i=0;i<document.formulaire.liste.length;i++){
if(document.formulaire.liste.options[i].selected == true){
document.formulaire.liste.options[i] = null;
}
}
supprimer();
}
}
}
//-->
</script>
</head>
<body>
<form action="index.php" method="post" name="formulaire">
<table>
<tr><td>
<input type="text" name="nouveauchoix" style="width:130">
</td></tR>
<tr><td>
<input type="button" value="Ajouter" style="width:130" onClick="ajouter()">
</td></tr>
<tr><td>
<select size=10 name="liste" style="width:130" multiple="multiple">
<option value="c1">Choix 1</option>
<option value="c2">Choix 2</option>
</select>
</td></tr>
<tr><td>
<input type="button" value="Supprimer" style="width:130" onClick="supprimer()">
</td></tr>
</table>
</form>
</body>
</html> |
Partager