保存輸入文本下方的文字輸入框輸入

Question

我有一個文本框。當用戶輸入一些文字&命中輸入時，文本應該出現在下方並用十字（X）標記。用戶可以在其中輸入儘可能多的文本並按回車鍵，也可以使用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/