Ajouter une option à une "select list" grâce à une "textbox" - JavaScript Orienté objet (POO) / Function & Méthodes, Javascript / Ajax / DHTML

CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 12 04 03:58:04

VIDéO : VISION DE MICROSOFT SUR LA 4èME GéNéRATION DES DATA CENTERS MODULAIRES par redo

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (2/2) par neodante

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (1/2) par neodante

[WPF] L'OBJET COLLECTIONVIEWSOURCE DE WPF, INDISPENSABLE POUR DéVELOPPER DES APPLICATIONS MéTIER ! par Thomas LEBRUN

MOBUZZ C'EST FINIT ! par orion

RE : BOUTON COCHER/DECOCHER par kazma

VOTE +1 AIDEZ MOI PLZ par drazika

JAVASCRIPT : OPENER ET REFRESH ? par photon02

TABLEAU D'INFORMATION par wwe419

RE : RECUPERER UNE VARIABLE par Bulledanslair

+ de logiciels à télécharger

1 302 953 membres
39 nouveaux aujourd'hui
14 556 membres club

Trouver une ressource

Trouvez une ressource parmi 39 084 codes, 1 208 991 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Poser une question

Sujet : Ajouter une option à une "select list" grâce à une "textbox" [ JavaScript Orienté objet (POO) / Function & Méthodes ] (psykouz)

Informations & options pour cette discussion

Vous êtes ici : Thèmes / Javascript / DHTML / Ajax / JavaScript Orienté objet (POO) / Function & Méthodes / Ajouter une option à une "select list" grâce à une "textbox"
Ce sujet vous interesse ? Cliquez ici pour être averti quand il y a une nouvelle réponse

mercredi 18 juin 2008 à 17:54:31 | Ajouter une option à une "select list" grâce à une "textbox"

psykouz

Bonjour,

comment faire pour ajouter ce qui est écris dans une textbox à une lise ?

Voici un bout de mon code:

<input type="text" name="Filtername2" id="Filtername2" value="" class="text" AUTOCOMPLETE="off">
</input>

<INPUT type="button" value="ADD >>>" onclick="AddItems()">

<SELECT class="select" name="Filtername" size="10" multiple >
</SELECT>

J'aimerai que lorsque je clique sur "ADD", ce qui est écris dans "Filtername2" s'ajoute dans "Filtername". J'ai fais des recherches mais je n'ai pas réussi à faire fonctionner (soit ça ne s'ajoute pas, soit ça me met un "innerhtml...etc"....). Comment récupérer la valeur qu'il y a dans Filtername2 ?

mercredi 18 juin 2008 à 19:54:19 | Re : Ajouter une option à une "select list" grâce à une "textbox"

Bling 182	On peut voire ton code javascript aussi ? -- Bling182 Dev : http://freelancedev.ovh.org
	Rép. MP 23 msg 504 msg CS

mercredi 18 juin 2008 à 19:57:04 | Re : Ajouter une option à une "select list" grâce à une "textbox"

psykouz

j'ai changé le onclick par: onclick="ios++; insertOldSchool(this.form.Filtername, 'Insert', 'insert');"

le javascript:

var ios = 0;
var aos = 0;
function insertOldSchool(theSel)
{
var newText = document.getElementById('Filtername2').innerHTML;
var newValue = document.getElementById('Filtername2').innerHTML;
if (theSel.length == 0) {
    var newOpt1 = new Option(newText, newValue);
    theSel.options[0] = newOpt1;
    theSel.selectedIndex = 0;
} else if (theSel.selectedIndex != -1) {
    var selText = new Array();
    var selValues = new Array();
    var selIsSel = new Array();
    var newCount = -1;
    var newSelected = -1;
    var i;
    for(i=0; i<theSel.length; i++)
    {
      newCount++;
      if (newCount == theSel.selectedIndex) {
        selText[newCount] = newText;
        selValues[newCount] = newValue;
        selIsSel[newCount] = false;
        newCount++;
        newSelected = newCount;
      }
      selText[newCount] = theSel.options[i].text;
      selValues[newCount] = theSel.options[i].value;
      selIsSel[newCount] = theSel.options[i].selected;
    }
    for(i=0; i<=newCount; i++)
    {
      var newOpt = new Option(selText[i], selValues[i]);
      theSel.options[i] = newOpt;
      theSel.options[i].selected = selIsSel[i];
    }
}
}

mercredi 18 juin 2008 à 19:58:10 | Re : Ajouter une option à une "select list" grâce à une "textbox"

psykouz	hmm on ne peut pas éditer nos messages? onclick="ios++; insertOldSchool(this.form.Filtername, 'Insert', 'insert');" <=== si je mets ceci, "Insert" se met bien dans la liste, je ne sais pas quoi mettre à la place pour qu'il y ait la valeur de Filtername2
	Rép. MP 4 msg

mercredi 18 juin 2008 à 20:03:14 | Re : Ajouter une option à une "select list" grâce à une "textbox"

Bling 182	Réponse acceptée ! var newText = document.getElementById('Filtername2').innerHTML; var newValue = document.getElementById('Filtername2').innerHTML; Je crois qu'il faut remplacer 'innerHTML' par 'value' -- Bling182 Dev : http://freelancedev.ovh.org
	Rép. MP 23 msg 504 msg CS Réponse acceptée !

mercredi 18 juin 2008 à 20:12:34 | Re : Ajouter une option à une "select list" grâce à une "textbox"

psykouz	Ha oui, merci! J'avais essayé avec Value :S
	Rép. MP 4 msg

mercredi 18 juin 2008 à 20:50:03 | Re : Ajouter une option à une "select list" grâce à une "textbox"

kazma

il y a aussi cette methode

<html>
<head>
<script>
var incr=0
function AddItems(ma){
incr++
document.getElementById('Filtername').appendChild(document.createElement('option')).setAttribute("id",incr);
document.getElementById(incr).innerHTML=document.getElementById('Filtername2').value

}
</script>
</head>
<body>

<input type="text" name="Filtername2" id="Filtername2" value="" AUTOCOMPLETE="off">
</input>

<INPUT type="button" value="ADD >>>" onclick="AddItems()">

<SELECT id="Filtername" size="10" multiple >

</SELECT>
</body>
</html>

Cette discussion est classé dans : textbox, ajouter, select, option, list

Répondre à ce message

Sujets en rapport avec ce message

Ajouter une Option dans un Select [ par darb66 ] Hello,J'ai un petit script qui fonctionne tres bien avec Internet Explorer, mais qui bug avec Firefox Mozilla. J'essaie d'ajouter et d'enlever des Opt FireFox n'exécute pas le setAttribute [ par SuperBouly ] BonjourVoici une page qui n'exécute pas les javascripts sous firefox et est impeccable sous IE6 ! Balise Select + option [ par larr ] Bonjour J'ai ma balise select 12...99je voudrais savoir Option d'un Select [ par Slyders ] Bonjour j'ai un combobox de type Select qui est écris comme sa : name="domaine" size="1" =< tableau avec javascript et php [ par DROMOS ] bonjour,Merci d'avance de prendre le temps de lire ma demande.Voilà je vous explique, j'ai un formulaire qui comporte trois champs. le premier champ r Changer les option d'un select de facon dynamique [ par zen69 ] Bonjours a tous!Je suis tres embetter ... j'essaye de faire faire afficher differente option dans un select selon la valeur choisie dans un autre...Vo Ecrire des caractères spéciaux dans un objet OPTION créé en javascript [ par figogo ] Bonjour à tous,Mon site internet traite de caractères chinois (http://caractereschinois.free.fr) et j'ai des problèmes à afficher ces caractères dans Pb de Onchange sur un Select [ par nougitch ] Bonjour à tous,J'ai un petit souci avec mon select.Je souhaite qu'il POST automatiquement le formulaire en fonction de la sélection (sans bouton).Voic Récupération valeur de Option(select) [ par ahikaz ] Salut,Je veux récupérer les valeurs d'une option mais je ne sais pas comment faire.Voici un exemple:function ajopt(){var o=<span style="COLOR: sortable, ajouter/supprimer des <li></li> automatiquement [ par italiasky ] Bonjour,J'ai découvert script.aculo.us et j'essaye de le prendre en main pour l'utiliser mais dur dur quand même :/Enfin, voici mon premier probleme,