Rechercher : dans
Par :

Javascript ajouter un champ select avec optio

Liteulbob, le 26 fév 2008 à 18:53:32 
 Signaler ce message aux modérateurs

Bonjour,

J'ai un question pour l'aggrandissement d'un formulaire avec javascript.

Je voudrais qu'en cliquant sur un lien, ma fonction javascript ajouter() ajoute ces quelques lignes :


echo 'Type de goodie: ';
		echo '<SELECT name="goodie_type['.$n.']" size="1">';
		for($i=0; $i<6 ; $i++) 
		{
			echo '<OPTION value="'.$i.'"';
			if ($listegoodies['type']==$i) echo 'selected';
			echo '>'.$table_type[$i];
		}
		echo '</SELECT> <br />';
	echo 'Commentaire (non nécessaire) : <input type="text" name="goodie_autre['.$n.']" size="32" maxlength="256" value=""><br />';



Pour le champ texte ou le champ input, pas de problème je sais faire, j'ai trouvé aussi comment rajouter un champ select, mais pas comment le remplir avec ses options.


Voici ma fonction qui rajoute le texte, input et select, mais pas l'option :

	function ajouter(n)
	{
	
	titre = document.createTextNode ('Type de goodie récupéré ');
	document.getElementById ('cr').appendChild (titre);
	
	titre = document.createElement ('select');
	titre.setAttribute('size', '1');
	titre.setAttribute('name', ('goodie_type['+n+']'));
	document.getElementById ('cr').appendChild (titre);
	
	ligne = document.createElement ('br');
	document.getElementById ('cr').appendChild (ligne);
	
	titre = document.createTextNode ('Commentaire ');
	document.getElementById ('cr').appendChild (titre);
	
	titre = document.createElement ('input');
	titre.setAttribute('type', 'text');
	titre.setAttribute('size', '32');
	titre.setAttribute('maxlength', '64');
	titre.setAttribute('name', ('goodie_autre['+n+']'));
	document.getElementById ('cr').appendChild (titre);

	ligne = document.createElement ('br');
	document.getElementById ('cr').appendChild (ligne);

	document.getElementById ('ajout').href = 'javascript:ajouter('+(n+1)+')';
	}

	</script>




Et voici comment j'appelle ma fonction javascript (quand je clique, elle me fait apparaitre le select, mais sans choix.


echo '<div id="cr">';
echo '</div>';

echo "<a id='ajout' href='javascript:ajouter(".$n.")'> Ajouter un goodie </a>";



Merci d'avance pour votre aide !
Configuration: Windows XP
Firefox 2.0.0.12

Meilleures réponses pour « javascript ajouter un champ select avec optio » dans :
Javascript - l'objet Array VoirLes particularités de l'objet Array L'objet Array est un objet du noyau Javascript permettant de créer et de manipuler des tableaux. Voici la syntaxe à utiliser pour créer une variable tableau : var x = new Array(element1[, element2, ...]); Si...
Javascript - Les structures conditionnelles VoirQu'est-ce qu'une structure conditionnelle' On appelle structure conditonnelle les instructions qui permettent de tester si une condition est vraie ou non, ce qui permet notamment de donner de l'interactivité à vos scripts : Instruction...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...