Jquery 如何在文本框中放置div

在SO上提问的一部分是键入标记。当您键入标记并单击它时，文本框中会出现一个div。（至少我认为这是正在发生的事情）。我怎么能在这样的文本框里放个div呢？目前，我只能使用以下方法将文本框的值更改为下拉项：

JQUERY：

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

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

HTML:

//这是显示.item_的下拉菜单

选择的插件就是一个很好的例子。这个想法是看起来像文本框的东西实际上不是。容器DIV跨越所需元素的宽度。文本框位于左侧，横跨您所在区域的宽度。键入和添加元素时，文本框左侧会出现新的div，将文本框向右推并重新缩放宽度。可能在各种插件中都有这样的实现，但我已经使用了Selected

---

看看所选的插件。真正发生的是有一个容器div，它看起来像一个文本框，文本框向左对齐。当您添加项目时，您正在文本框左侧添加另一个元素，该元素将滑过。它不是一个文本框，它只是一个样式类似于文本框的

。使用Firebug或Chrome控制台检查它，这不是你所想的。仅供参考：似乎是（压缩的）源代码。简单的方法是使用插件，而不是重新发明bug

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