Tag-it jquery插件

时间:2013-11-29 11:23:06

标签: javascript jquery-ui multi-select tag-it

我想在我的项目中使用https://github.com/aehlke/tag-it。遗憾的是,我找不到任何限制用户只能输入预先定义的ajax值的值的选项。

此外,我想自定义其建议菜单并添加图像。我知道如何自定义jquery ui widget _renderMenu()函数。标签怎么样?

1 个答案:

答案 0 :(得分:0)

作为标记 - 它实际上是将列表转换为花哨的下拉框,可以输入框中的内容的限制取决于列表中可用的项目:

<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>

如果你想从其他地方(数据库,文件,等等)获取值,你必须首先确保将这些数据加载到列表中,然后在完成之后调用tagit()(例如,您可以在ajax请求的complete callback function中执行此操作。

当然,那就是(据我所知 - 我还没有使用tag-it)只能从GUI的角度来限制选项。您仍然应该检查数据服务器端是否正常。