javascript - Jquery将跨度插入输入字段

Question

我正在为文本输入字段构建一个简单的标记系统，这就是它的样子。

目前，下一个标签被添加到输入字段之前，但我希望它出现在输入字段中，这样如果用户点击退格，它将删除标签。如果这是有道理的。我不确定如何让跨度出现在输入字段内，这是代码：

<div id="formWrapper" class="ui-widget">
    <form id="searchForm" action="#">
        <fieldset>
            <legend>Test search form</legend>
            <span>Search</span>
            <div id="searchBoxDiv" class="ui-helper-clearfix">
                <button type="button" id="savedSearchButton">Test</button>
                <input id="searchBox" type="text" autocomplete="false">
            </div>
        </fieldset>
    </form>
</div>

function addSearchTerm(e, ui) {
            var searchTerm = ui.item.value;
            var span = $("<span>").text(searchTerm);
            var a = $("<a>").addClass("remove").addClass("testclass").attr({
                href: "javascript:",
                title: "Remove " + searchTerm
            }).text("x").appendTo(span);

           span.insertBefore("#searchBox");
        }

我尝试了 的各种组合insert，append但我似乎无法在输入中获取任何内容，除了文本。我猜我必须在输入字段位于 another 的地方做一些事情，但我真的不知道怎么做。

谢谢

标签： javascriptjqueryhtml