Jquery多选自动完成触发器

Jquery多选自动完成触发器,jquery,autocomplete,multi-select,Jquery,Autocomplete,Multi Select,我正在使用 自动完成插件 我想在点击带有值的复选框时触发此插件的add事件 我怎么做 这是我的密码 $('.sampleCats').live('click',function(){ var catName = $(this).data('name'); var searchCatData = $("#searchCat").val(); var ele = '<a class="bit bit-box" data-name="'+catName+'">'+c

我正在使用

自动完成插件

我想在点击带有值的复选框时触发此插件的add事件

我怎么做

这是我的密码

$('.sampleCats').live('click',function(){
    var catName = $(this).data('name');
    var searchCatData = $("#searchCat").val();
    var ele = '<a class="bit bit-box" data-name="'+catName+'">'+catName+'<a class="closebutton"></a></a>';
    if($(this).is(':checked'))
    {
        $("#searchCatBox .jquery-multiselect").prepend(ele);
        if(searchCatData)
        {
            $("#searchCat").val(searchCatData+','+catName);
        }
        else
        {
            $("#searchCat").val(catName);
        }
    }
    else
    {
        searchCatData = searchCatData.split(',');
                    $("#searchCat").val(searchCatData.join(','));
        $("#searchCatBox .jquery-multiselect").find("a.bit-box").each(function() {
            if ($(this).data("name") === catName) {
                return $(this).remove();
            }
        });
    }
});
$('.sampleCats').live('click',function()){
var catName=$(this.data('name');
var searchCatData=$(“#searchCat”).val();
变量ele=''+catName+'';
如果($(this).is(':checked'))
{
$(“#searchCatBox.jquery multiselect”).prepend(ele);
如果(searchCatData)
{
$(“#searchCat”).val(searchCatData+”,“+catName);
}
其他的
{
$(“#搜索猫”).val(猫名);
}
}
其他的
{
searchCatData=searchCatData.split(',');
$(“#searchCat”).val(searchCatData.join(',');
$(“#searchCatBox.jquery multiselect”).find(“a.bit-box”).each(function(){
if($(this).data(“name”)==catName){
返回$(this.remove();
}
});
}
});

除了关闭链接之外,它还添加数据,并在选中和取消选中复选框时添加和删除…

您可以尝试以下解决方法

   $(".checkboxClss").click(function(){
      var htmlToAdd = '<a class="bit bit-box">'+this.value+'<a class="closebutton"></a></a>';
      $('.jquery-multiselect').append(htmlToAdd);
    }); 

您只需玩一下,看看是否可以手动绑定即可。

谢谢。。。我已经尝试过这种方法,并将其附加到数据中,但没有使用closebutton来清除数据…@Arul:我还为
closebutton
添加了锚点。也许可以试一试,让我们know@karan:将我的代码添加到我的问题中。。。closebutton类未应用于附加的数据…@Arul:已应用该类。我相信,由于我们正在动态添加它,所以它不起作用。在显示close按钮的函数上缺少
.on()
方法。可能是,但我比较了autosuggest添加的插件的HTML和我添加的内容,其内容如下:由我附加:由插件附加的电影:电影
close = $(document.createElement("a"));
        close.addClass("closebutton");
        close.click(__bind(function() {
          return this.remove(a.data("value"));
        }, this));
        a.append(close);