[JS] Faire passer une valeur d'une champ <SELECT> a un autre

Marsh Posté le 17-04-2003 à 11:25:36

voila une capture dece que je suis en train de faire

J'aimerais que lorsque je click sur plus la valeur de la liste du dessus ( ici 1étoile ), cette valeur soit ajoutée dans la listre du bas ...

De meme lorsque je clickerai sur moins , la valeur séléctionner ds la liste du bas disparaitra de cette meme liste.

Voila ce que j'ai fais ( et qui ne fonctionne pas ) :

Code :

<script language='javascript'>
<!--
function ajliste(formulaire)
{
formulaire.sbas.Add(formulaire.shaut.options[formulaire.shaut.selectedIndex].value);
}
//-->
</script>

sbas c'est la liste du bas et shaut , celle du haut

je l appel sur un onclick du bouton "+ "
Merci d avance

Reply

Marsh Posté le 17-04-2003 à 11:25:36

Reply

Marsh Posté le 17-04-2003 à 16:03:55

personne ?

Reply

Marsh Posté le 17-04-2003 à 16:20:27

sur ton +
onclick="ajout();"

<script language="javascript">
function ajout()
{
haut=document.getElementByID("shaut" );
val_haut=haut.options[haut.selectedIndex].value;

bas=document.getElementByID("sbas" );
bas.value=val_haut;
}
</script>

Reply

Marsh Posté le 18-04-2003 à 00:51:09

Un début de réponse: reste à faire la fonction de suppression:

Code :

<html>
<head>
<script language="javascript">
function AddItem() {
var form = document.forms.form1;
var a = form.Liste1.options[form.Liste1.selectedIndex].text;
var b = form.Liste1.options[form.Liste1.selectedIndex].value;
var option = new Option(a,b);
form.Liste2.options[form.Liste2.length] = option;
}
function RemoveItem() {
// A faire
}
</script>
</head>
<body>
<form name="form1">
<select name="Liste1">
<option>Choix1</option>
<option>Choix2</option>
<option>Choix3</option>
</select>
<input type="button" OnClick="AddItem()" value="+">
<br><br>
<select name="Liste2" multiple>
</select>
<input type="button" OnClick="RemoveItem()" value="-">
</form>
</body>
</html>

---------------
@ + : Rem'

Reply

Marsh Posté le 18-04-2003 à 11:06:18

kayasax a écrit :

sur ton +
onclick="ajout();"

<script language="javascript">
function ajout()
{
haut=document.getElementByID("shaut" );
val_haut=haut.options[haut.selectedIndex].value;

bas=document.getElementByID("sbas" );
bas.value=val_haut;
}
</script>

merci beaucoup pour ton aide en fait j'ai reussi je laisse les 2 fontcions au cas ou ça interesse qqn on c jamais

(j'ai fais de sorte a ce qu'on ne puisse ajouter qu'une seule fois le meme element

Code :

function Deplacer(l1,l2) {
if (l1.options.selectedIndex>=0) {
a=0;
for (i=0;i<l2.options.length;i++)
{
if(l1.options[l1.options.selectedIndex].value==l2.options[i].value)
{a=1;
}
}
if(a!=1)
{
o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value);
l2.options[l2.options.length]=o;
}
}else{
alert("Aucun critère sélectionné" );
}
}
function Supprimer(l1) {
if (l1.options.selectedIndex>=0) {
l1.options[l1.options.selectedIndex]=null;
}else{
alert("Aucun critère sélectionné" );
}
}

Reply

[JS] Faire passer une valeur d'une champ <SELECT> a un autre

Sujets relatifs:

Leave a Replay