Remplacement input:text par textarea

[Kouala]

Bonjour à tous. Je bloque sur ce problème: j'ai une application avec des champs textes, or ces champs textes sont souvent bien remplis. Du coup je dois les remplacer sans modifier le code html par des textarea:
Challenge accepted:

Code :

1
2
3
4
5
6
 
$('input[type="text"]').each(function() {
        var textname = $(this).attr('name');
	var textvalue = $(this).attr('value');
   $(this).$remplaceWith(('<textarea/>').attr('name',textname).prepend(textvalue));
});

Ce code ne fonctionne pas... J'ai un peu du mal à trouver pour la dernière ligne. Toute aide sera la bienvenue =)

[transgohan]

Essayes ceci :

Code :

$(this).replaceWith(('<textarea></textarea>').attr('name',textname).text(textvalue));

[Kouala]

Merci pour ta réponse.
Malheureusement cela ne marche toujours pas. Le script stoppe toujours son exécution à cette ligne...

[transgohan]

Et tu as regardé la console d'erreur ?
Car il y a une parenthèse de trop. Je te laisse chercher...

[Kouala]

J'ai enlevé la 1ère parenthèse du replaceWith, du coup il n'y a plus d'erreur. Le problème c'est que cette fonction retourne l'élément qui est remplacé. Les fonctions qui suivent ne sont donc pas appliquées au textarea...

[transgohan]

Et ainsi ?

Code :

1
2
$(this).replaceWith('<textarea></textarea>');
$(this).attr('name',textname).text(textvalue));

[Kouala]

Toujours pas. J'imagine que le this référence toujours l'ancien champ texte. En attendant j'ai ça qui fonctionne :

Code :

1
2
 
$(this).replaceWith('<textarea name="'+textname+'">'+textvalue+'</textarea>');

Mais c'est pas très propre ^^

[danielhagnoul]

Bonsoir

Code :

1
2
3
4
5
6
<form>
	<input id="monID1" class="maClass11 maClass21" type="text" name="prenom1" value="1: Mon nom est personne !"/>
	<input class="maClass12 maClass22" type="text" name="prenom2" value="2: Mon nom est personne !"/>
	<input id="monID3" type="text" name="prenom3" value="3: Mon nom est personne !"/>
	<input type="text" name="prenom4" value="4: Mon nom est personne !"/>
</form>

Code :

1
2
3
4
5
6
7
8
9
10
11
12
$("input[type='text']").each(function(i, item){
	var id = item.id, cl = $(item).attr("class"), n = item.name;
 
	$("<textarea/>", {
		"id": (id) ? (id) : ("dvjhTextarea" + $.now()),
		"class": (cl) ? (cl) : (""),
		"name": (n) ? (n) : (""),
		"text": $(item).val()
	}).insertAfter(this);
 
	$(this).remove();
});