jquery无限级城市多选弹出层

jquery无限级城市多选弹出层

jquery-levelSelect-ajax.js是一个很不错的多级弹出层插件,但发明这个插件的人太2了,没有做修改数据的方法,若是有人能够修改好,请发给站长,我们将发放丰厚的积分奖励。

淘建站为您提供更多_悬浮层/弹出层_弹窗_弹出层_多级,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 167 次

下载资源

54 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

HTML

<input type="button" class="btn" id="js" value="江苏" onclick="getOpenLayer(this.id)"/>
<input type="button" class="btn" id="zj" value="浙江" onclick="getOpenLayer(this.id)"/>

openLayer多个弹出层调用方法,并且返回标题和对应的值value

function getOpenLayer(id) {
    var obj_text = $("#" + id + "_text");
    var obj_val = $("#" + id + "_val");
    if (obj_text.length == 0) {
        $("body").append("<input type='text' id='" + id + "_text'>")
    }
    if (obj_val.length == 0) {
        $("body").append("<input type='text' id='" + id + "_val'>")
    }
    $("#" + id).addClass("current").siblings("input").removeClass("current");
    var index = $("#" + id).index();
    $.openLayer({
        maxItems: 5,
        pid: "0",
        returnText: id + "_text",
        returnValue: id + "_val",
        span_width: {d1: 120, d2: 150, d3: 150},
        index: index,
    });
}

openLayer调用API

参数 描述 默认值
maxItems 最多选取项数字限制 5
showLevel 显示级别 5
oneLevel 是否限制选择相同级别的数据,可以不为同一个父节点, true
onePLevel 是否限制选择相同级别,并且是同一个父节点的数据 false为不限制,可以同时选择不同级别的数据,true为限制。 false
splitChar 数据分隔符,第一个字符为各项之间的分隔符,第二个为每项中id和显示字符串的分隔符。 ,:
returnValue 以,分隔的选取结果id存放的位置id,默认为一个input。 -
returnText 以,分隔的选取结果文字存放的位置id,可以为span,div等容器。 -
width 弹出窗口宽度 650
title 弹出窗口标题 www..com通用水平选择器 ver:0.70
span_width 可以自定义每一层级数据项显示宽度,用来对其排版。 {d1:70,d3:150}
url ajax请求url -
pid 父id 0
shared 如果页面中有多于1个的弹出选择,是否共享缓存数据 true
index 如果页面中有多于1个的弹出选择,如果不共享之前的操作界面则必须设置不同的index值,否则不同的弹出选择共享相同的操作界面 1
cacheEnable true 是否允许缓存
dragEnable 是否允许鼠标拖动 true

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/710.html
jquery无限级城市多选弹出层 希望对你有帮助,感谢您的支持!
  • layer演示5种通用的手机弹出层

    layer演示5种通用的手机弹出层

  • jquery顶部带弹簧效果弹出层点击click事件文本弹跳框

    jquery顶部带弹簧效果弹出层点击click事件文本弹跳框

  • 拖拽DIV

    拖拽DIV

  • 原生js网格图片拖拽位置和大小变换效果

    原生js网格图片拖拽位置和大小变换效果

  • jQuery鼠标拖拽组织结构图代码

    jQuery鼠标拖拽组织结构图代码

  • 原生js鼠标拖拽图片交换位置效果代码

    原生js鼠标拖拽图片交换位置效果代码

  • 基于jQuery input框点击弹出城市选择器代码

    基于jQuery input框点击弹出城市选择器代码

  • 可以实现拖拽的案例

    可以实现拖拽的案例

  • jQuery点击遮罩弹出层固定网页中间

    jQuery点击遮罩弹出层固定网页中间

  • jquery CSS3制作简洁遮罩弹出层动画代码

    jquery CSS3制作简洁遮罩弹出层动画代码

  • jQuery实现平面图区域标记拖拽移动效果

    jQuery实现平面图区域标记拖拽移动效果

  • jQuery点击text文本框快速选择城市代码

    jQuery点击text文本框快速选择城市代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2