jquery三级联动模糊查询_js相关：jQuery实现三级联动效果

js相关：jQuery实现三级联动效果

发布于 2020-7-21|

复制链接

摘记: 很久没写了，顺带复习，写了一个jQuery实现的三级联动，供大家参考，具体内容如下

```xhtml

很久没写了，顺带复习，写了一个jQuery实现的三级联动，供大家参考，具体内容如下

```xhtml

body {

font-size:13px;text-align:center;

}

div {

width:400px;border:1px solid #000000;

background-color:#f5e8e8;margin:100px 300px;

padding:10px;

}

$(function () {

function Init(node) {

return node.html("---请选择---");

}

//多维数组做数据来源

var db = {

腾讯: {

LOL: "德玛,EZ瑞尔,剑圣",

BNS: "气功师,力士,刺客,气宗师",

DNF:"A,B,C,D"

阿里巴巴: {

APPLAY: "AL,EZ瑞尔,剑圣",

HUABEI: "AL,力士,刺客,气宗师",

JIEBEI: "AL,B,C,D"

百度: {

ggs: "BD,EZ瑞尔,剑圣",

BD: "BD,力士,刺客,气宗师",

BDBD: "BD,B,C,D",

}

};

//初始化select节点

$.each(db, function (changShang) {

$("#selF").append("" + changShang + "");

})

//一级变动

$("#selF").change(function () {

//清空二三级

Init($("#selB"));

Init($("#selC"));

$.each(db,function (cs,pps) {

if ($("#selF option:selected").text() == cs) {

$.each(pps, function (pp, xhs) {

$("#selB").append("" + pp + "");

});

$("#selB").change(function () {

Init($("#selC"));

$.each(pps, function (pp,xhs) {

if ($("#selB option:selected").text()==pp) {

$.each(xhs.split(','), function () {

$("#selC").append("" + this + "");

})

}

})

}

})

企业：

---请选择---

产品：

---请选择---

嗯嗯：

---请选择---

```

jquery三级联动模糊查询_js相关：jQuery实现三级联动效果相关推荐

jQuery实现id模糊查询
在js中常常会用到某类似id的模糊查询,可以使用jquery工具和模糊查询"^",来实现.下面用另个例子说明 eg_1. 在页面中查找某id图片集合,先放到代码: <div ...
省份三级联动+模糊查询+省份单表增删改查
省份三级联动效果图三级联动点击省份出现市区点击市区出现区域动态sql的模糊查询数据库表:数据需要评论1 pojo实体类(展示一个表) mapper接口 TAddressCityMapper接口 ...
使用jQuery实现实时模糊查询功能
先说一下模糊查询在方法上写的SQL是跟数据库里边的不一样,这里果断入坑了. 来个MySQL例子: 模糊查询user中的name: select * from user where name like ...
jQuery 实现 select模糊查询反射机制
通过如下代码就可以简单实现select带模糊查询的条件查询,具体如下jquery.select.js如下: (function($) { $.selectSuggest = function(targ ...
jquery三级联动模糊查询_jquery三级联动
三级联动 --请选择-- --请选择-- --请选择-- $(function(){functioninitCity(){ $("#city").html('--请选择--'); ...
jquery ajax动态模糊查询插件
html代码如下: <div id="select_model"><div style="width: 150px;line-height: 24px& ...
C语言的模糊查询,【C语言如何实现中文模糊查询+急+】
C语言如何实现中文模糊查询? (急) 2009年02月25 - 我要建立一个生物信息检索系统,如何用C语言实现数据的模糊查询,数据包括中文和英文,请高手指点(最好附上例子或源程序),谢谢! 怎样用c语 ...
mongoose多条件模糊查询实例
mongoose多条件模糊查询这是今天手头项目中遇到的一个问题,关于mongoose如何实现类似于SQL中 nick LIKE '%keyword%' or email LIKE '%keyword ...
ajax jsp模糊查询源码,Ajax动态执行模糊查询功能
Ajax动态执行模糊查询功能内容精选换一换 Profiling采集的数据较多,同时解析后展示的性能指标项也比较多,为方便用户快捷查找到具体性能指标的含义,提供命令行查询功能:不包含metric_n ...

jquery三级联动模糊查询_js相关：jQuery实现三级联动效果

jquery三级联动模糊查询_js相关：jQuery实现三级联动效果相关推荐

最新文章

热门文章