Question

这是html和js部分。因此，当我点击课程（reply）时，我必须从下拉列表中选择一个选项。我不要那个。当我点击课程（reply）时，我想要预先填充（tagit）。我怎样才能做到这一点？ THX

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tag-it.js" type="text/javascript" charset="utf-8"></script>

<p class = "reply">Reply</p>

<input id="tos" name="tos" >
<script type="text/javascript">

    $(document).ready(function () {

    });
    $(".reply").click(function(){
        reply_person = "AAAAA,BBBBB,CCCCC";
        var tag = reply_person.split(","); 
        //$('#tos').tagit('createTag', "tag");
        $('#tos').tagit({
            availableTags: tag,
            showAutocompleteOnFocus: true
        });
    });
</script>

Answer 1

你几乎就在那里 - 我可以看到两个问题。

在添加令牌之前，您需要在document.ready内初始化插件。
我不确定您是否可以添加这样的令牌数组，或者您是否需要单独添加这些令牌。

尝试这样的事情：

$(document).ready(function () {
   $('#tos').tagit({
       availableTags: tag,
       showAutocompleteOnFocus: true
   });
});

 $(".reply").click(function(){
   reply_person = "AAAAA,BBBBB,CCCCC";
   var tag = reply_person.split(",");
   $.each( tag, function( key, single_tag ) {
       $('#tos').tagit('createTag', single_tag);
   });

});

如何使用jQuery中的tag-it插件通过onclick事件预填充（tagit）输入？

1 个答案: