J'ai un champ de texte. Lorsque l'utilisateur entre un texte & coups entrer, le texte devrait apparaître ci-dessous avec une marque croisée (X) contre lui. L'utilisateur peut y entrer autant de textes et appuyer sur Entrée et peut également annuler le texte en utilisant la marque X. Je vais utiliser le texte entré pour envoyer au serveur. Pouvez-vous me dire comment cela peut être fait.enregistrer le texte entré sous le champ de texte en appuyant sur entrer
Voici une solution rapide pour vous, mais il peut être mis à niveau:
HTML
<input type="text" id="textBox" value="" />
<div id="resultsDiv"></div>
JS
$('#textBox').keyup(function(eventObj) {
if (eventObj.which == 13)
{
$('<div><span>' + $('#textBox').val() + '</span> <a href="javascript:;" onclick="$(this).parent().remove();">X</a>').appendTo('#resultsDiv');
$(this).val('');
}
});
Vous pouvez faire comme ceci:
HTML:
<input id="textbox" name="textbox" value="" />
<div id="textlist"></div>
Javascript
$('#textbox').keypress(function(event) {
if (event.which == '13') {
event.preventDefault();
$('#text-list').append('<div>' + $(this).val() + ' <span onclick="$(this).parent().remove();">X</span> </div>');
$(this).val('');
}
});
En se liant certains gestionnaire d'événements clé du champ de texte qui vérifie si la touche Entrée. Qu'avez-vous essayé jusqu'à présent? Avez-vous un problème spécifique? –