如何将div放在文本框中

Question

在SO上提问的一部分是输入标签。当您键入标签并单击它时，div会进入文本框。 （至少那是我认为正在发生的事情）。我如何将div放在这样的文本框中？目前，我只能使用以下内容将文本框的值更改为下拉项：

JQUERY：

$('.item_display').click(function(){
$('#Result').css("display" , "none");
var item = $(this).text();

$('#userInput').val(item);
});

HTML：

<input type='text' id='userInput' autocomplete='off' /> 
<div id='Results'></div>  //this is the dropdown menu where .item_display appears

Answer 1

插件Chosen是如何做到这一点的一个很好的例子。这个想法似乎是一个文本框真的不是。容器DIV跨越所需元素的宽度。文本框位于左侧并跨越您所在区域的宽度。在您键入和添加元素时，文本框左侧会出现新的div，向右推文本框并重新缩放宽度。可能在各种插件中都可以实现这一点，但我使用了Chosen，

http://harvesthq.github.com/chosen/