Question

我想在autocomplete

中选择元素之后绑定到事件

这是我的自动填充脚本：

 <script type="text/javascript">
            $(document).ready(function () {
                var url = '@Url.Action("TagName", "Tag")';
                $('#TagModel_Name').autocomplete(url, {
                    minChars: 1,
                    multiple: true,
                    formatResult: function (row) {
                        return row[0].replace(/(<.+?>)/gi, '');
                    }
                });
            });

        </script>

我想在底部添加一些带有所选项目文字的标签。

所以：

我输入'#TagModel_Name“a”
我选择“奥地利”
现在'#TagModel_Name i'奥地利的文字“4.事件发生了，会有像
这样的方法
var newlabel = $'（'$ selected_tag'） $（ “'＃TagModel_Name：最后一个”）后（$ newlabel）;

我正在使用

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.autocomplete.js")"></script>

和asp.net-mvc 3 razor

抱歉我的英语不好。我希望你明白我的意思。

祝你好运

Answer 1

您应该使用select事件。这样的事情可能有用:(我不明白你之后想做什么，如果你提供你的标记，我可能会帮忙）

        $('#TagModel_Name').autocomplete(url, {
                minChars: 1,
                multiple: true,
                formatResult: function (row) {
                    return row[0].replace(/(<.+?>)/gi, '');
                },
                select: function(event, ui){
                    //here ui.item refers to the selected item.
                      var div = $('<div>', {class: 'tag'});
                      div.html(ui.item.label);
                      $('#demo').after(div);
                }
            });
        });

编辑 - 我为你在评论中提到的内容提供了一个基本的解决方案：看看这个小提琴。 http://jsfiddle.net/e97QP/

如何绑定到自动完成的选择？

1 个答案: