Question

我有一个文本字段。当用户输入一些文字＆amp;点击进入，文本应显示在下方，并带有十字（X）标记。用户可以在其中输入任意数量的文本并按Enter键，也可以使用X标记取消文本。我将使用输入的文本发送到服务器。你能让我知道如何做到这一点。

Answer 1

这是一个快速解决方案，但可以升级：

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>&nbsp;<a href="javascript:;" onclick="$( this ).parent().remove();">X</a>' ).appendTo( '#resultsDiv' );
        $( this ).val( '' );
    }
} );

jsfiddle

Answer 2

你可以这样做：

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('');
   }
});

http://jsfiddle.net/ynhat/sKaU4/

在输入时将输入的文本保存在文本字段下方

2 个答案: