Javascript 标记jquery插件

Javascript 标记jquery插件,javascript,jquery-ui,multi-select,tag-it,Javascript,Jquery Ui,Multi Select,Tag It,我想在我的项目中使用。不幸的是,我找不到任何选项来限制用户只输入预定义ajax值中的值 此外,我想定制它的建议菜单,并添加图像到它。我知道如何定制jquery ui小部件\u renderMenu()函数。给它贴标签怎么样 作为标签,它本质上是将列表变成一个奇特的下拉框,可以输入框中的内容的限制基于列表中可用的项目: <script type="text/javascript"> $(document).ready(function() { $("#myTag

我想在我的项目中使用。不幸的是,我找不到任何选项来限制用户只输入预定义ajax值中的值


此外,我想定制它的建议菜单,并添加图像到它。我知道如何定制jquery ui小部件
\u renderMenu()
函数。给它贴标签怎么样

作为标签,它本质上是将列表变成一个奇特的下拉框,可以输入框中的内容的限制基于列表中可用的项目:

<script type="text/javascript">
    $(document).ready(function() {
        $("#myTags").tagit();
    });
</script>
<ul id="myTags">
    <!-- Existing list items will be pre-added to the tags -->
    <li>Tag1</li>
    <li>Tag2</li>
</ul>

$(文档).ready(函数(){
$(“#myTags”).tagit();
});
  • Tag1
  • Tag2
如果您想从其他地方(数据库、文件等)获取值,那么必须确保首先将该数据加载到列表中,然后在加载完成后调用tagit()(例如,您可以在ajax请求中这样做)


当然,这将(据我所知-我没有使用标记)仅从GUI角度限制选项。您仍然应该检查数据服务器端是否正常。

您可以在示例中测试“在标记中预加载数据”。正如您所见,这并不会阻止用户输入新项目。我切换到Selectize.js,它比tagit好得多。