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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JS] Faire passer une valeur d'une champ <SELECT> a un autre

seb-taf

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

Publicité

seb-taf

personne ?

kayasax

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>

Rem'

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'

seb-taf

kayasax a écrit :

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é" );
}
}

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
mysql: komment kon fait pour retourner une valeur par defaut?	Passer d'un TIME en DATETIME ?
probleme pour comparer le contenu d'un pointeur et un valeur!!	Afficher un champ BLOB
[JDOM] Remplacer la valeur d'un attribut	[MySQL] Copier le contenu d'un champ dans un autre.
[mySql]SELECT le dérnier enregistrement inséré! je cherche la synthaxe	Comment envoyer la valeur d'une variable PHP d'une page à une autre ?
[PHP] Convertir une valeur contenant un espace -> valeur avec %20	[PHP] comment passer la valeur d'une var javaScript à une $var php ?
Plus de sujets relatifs à : [JS] Faire passer une valeur d'une champ <SELECT> a un autre

Page générée en 0.044 secondes