保存输入文本下方的文字输入框输入
问题描述:
我有一个文本框。当用户输入一些文字&命中输入时,文本应该出现在下方并用十字(X)标记。用户可以在其中输入尽可能多的文本并按回车键,也可以使用X标记取消文本。我将使用输入的文本发送到服务器。你能让我知道如何做到这一点。保存输入文本下方的文字输入框输入
答
这是给你一个快速的解决方案,但它可以升级:
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('');
}
});
答
你可以这样做:
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('');
}
});
通过结合一些关键事件处理程序,检查输入键是否被按下文本字段。你试过什么了?你有特定的问题吗? – 2011-03-15 07:54:20