You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
2.7 KiB
JavaScript
87 lines
2.7 KiB
JavaScript
$.extend({
|
|
myMethod: function (id,tagData,name) {
|
|
|
|
var html = '<div class="layui-form-item">';
|
|
html += '<label class="layui-form-label">已选择:</label>';
|
|
html += '<div class="AD">';
|
|
html += '</div>';
|
|
html += '</div>';
|
|
html += '<div class="layui-form-item">';
|
|
html += '<label class="layui-form-label">选择</label>';
|
|
html += '<div class="layui-input-inline fileId layui-form-select layui-form-selected">';
|
|
html += '<input type="text" class="layui-input" placeholder="输入或选择" autocomplete="off">';
|
|
html += '<dl style="display: none;"></dl>';
|
|
html += '</div>';
|
|
html += '</div>';
|
|
$(id).append(html)
|
|
$(".AD").parent().hide();
|
|
//获取当前广告
|
|
$(".fileId").on("click","dl dd",function(){
|
|
var id = $(this).attr("value");
|
|
if(id!=undefined){
|
|
$(".AD").append('<a href="javascript:;" class="label"><span lay-value="64">'+$(this).html()+'</span><input type="hidden" name="'+name+'" id="'+$(this).html()+'" value="'+id+'"/><i class="layui-icon close">x</i></a>')
|
|
$(".AD").parent().show();
|
|
for(var i=0;i<tagData.length;i++){
|
|
if(tagData[i].id == id){
|
|
tagData.splice(i,1);
|
|
}
|
|
}
|
|
}
|
|
$(".fileId dl").hide();
|
|
$(".fileId input").val("");
|
|
})
|
|
|
|
function AD(name,id){
|
|
this.name=name;
|
|
this.id=id;
|
|
}
|
|
|
|
//删除当前广告
|
|
$(".AD").on("click",".close",function(){
|
|
$(this).parent().remove();
|
|
var id = $(this).parent().children("input").val();
|
|
var text = $(this).parent().children("input").attr("id");
|
|
tagData.push(new AD(text,id))
|
|
})
|
|
|
|
//筛选
|
|
$(".fileId input").on("input propertychange",function(){
|
|
$(".fileId dl dd").remove();
|
|
$(".fileId dl").hide();
|
|
if(tagData.length>0){
|
|
$(".fileId dl").show();
|
|
var sear = new RegExp($(this).val())
|
|
var temp=0;
|
|
for(var i=0;i<tagData.length;i++){
|
|
if(sear.test(tagData[i].name)){
|
|
temp++
|
|
$(".fileId dl").append('<dd value="'+tagData[i].id+'">'+tagData[i].name+'</dd>')
|
|
}
|
|
}
|
|
if(temp==0){
|
|
$(".fileId dl").append('<dd>暂无数据</dd>')
|
|
}
|
|
}
|
|
})
|
|
|
|
//隐藏
|
|
$(document).click(function(){
|
|
$(".fileId dl").hide();
|
|
$(".fileId input").val("");
|
|
});
|
|
|
|
//显示没被选择的
|
|
$(".fileId input").click(function(event){
|
|
$(".fileId dl dd").remove();
|
|
if(tagData.length==0){
|
|
$(this).val("暂无数据")
|
|
}else{
|
|
$(".fileId dl").show()
|
|
}
|
|
for(var i=0;i<tagData.length;i++){
|
|
$(".fileId dl").append('<dd value="'+tagData[i].id+'">'+tagData[i].name+'</dd>')
|
|
}
|
|
event.stopPropagation();
|
|
});
|
|
}
|
|
}); |