联系官方销售客服

1835022288

028-61286886

分享经验 版主:论坛审计组
分享select联动效果,地区联动
类型:迅睿CMS 更新时间:2024-10-15 12:36:52

纯js写法,直接分享代码

自定义联动select分享

<table border="0" cellspacing="0" cellpadding="0" style=" width:400px; margin:150px auto;color:#FFFFFF; font-size:18px;">
  <tr>
    <td colspan="2" align="center" style="line-height:80px; font-size:30px;">查询你身边的专业机构</td>
  </tr>
  <tr>
    <td width="73" height="30">省份:</td>
    <td width="327"><select size="1" onchange="usu_select_city(this.value)" style="width:300px; height:30px;">
      <option>--</option>
     {linkage code=ceshi pid=0}
  <option value="{$t.ii}">{$t.name}</option>
  {/linkage}
    </select></td>
  </tr>
  <tr>
    <td height="20">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>城市:</td>
    <td><select id="usu_city" size="1"  style="width:300px; height:30px;">
     
    </select></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>

</table>


以下是业务js代码:


<script src="{THEME_PATH}assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
 function usu_select_city(pid) {
  $("#usu_city").html('');
  $.ajax({
   url: "/index.php?s=api&c=api&m=linkage_ld&mid=news&file=&code=address&parent_id="+pid,  // 发送的路径
   type: "get",  // 发送方式
   dataType: 'JSON',  // 反序列化
   success: (res) => {  // 成功获取到后端返回结果的回调函数
    if (res.data.length > 0) {
     $.each(res.data,function(index,value){
      $("#usu_city").append('<option value="'+value.region_id+'">'+value.region_name+'</option>');
     });
    }
   },
   error:()=>{  // 发送失败的回调函数
    console.log("失败");
   }
  })
 }
 </script>


回帖
  • soway
    #1楼    soway
    2022-03-02 10:27:47
    Edge 0
    看看js的写法
  • 胡银萍
    #2楼    胡银萍
    2022-03-03 15:47:58
    Chrome 0
    看看js的写法
  • Gxys
    #3楼    Gxys
    2022-03-04 13:30:07
    Chrome 0
    学习一下大佬的教程
  • 17634945746
    #4楼    17634945746
    2022-03-08 15:02:30
    Chrome 0
    看看js的写法
  • codeit
    #5楼    codeit
    2022-03-08 15:10:58
    Chrome 0
    学习下 地区联动
  • yyy
    #6楼    yyy
    2022-03-09 14:28:38
    Firefox 97.0 0
    学习一下

  • 白帽优化网
    #7楼    白帽优化网
    2022-03-09 15:50:08
    Edge 0
    学习一下
  • 湘西北的风
    #8楼    湘西北的风
    2022-03-09 20:30:21
    Chrome 0
    学习下 地区联动
  • 画
    #9楼    画
    2022-03-24 09:36:29
    Chrome 0
    学习学习一下
  • 伦少
    #10楼    伦少
    2022-03-30 14:36:19
    Firefox 98.0 0
    学习,学习,感谢
  • 心如意
    #11楼    心如意
    2022-03-30 16:24:43
    Chrome 0
    看看js的写法
  • MrTomTao
    #12楼    MrTomTao
    2022-04-09 14:38:11
    Edge 0
    ********此内容需要回复后才能看到********
  • 常在河边走
    #13楼    常在河边走
    2022-04-12 19:03:39
    Chrome 0
    来看一看瞧一瞧
  • 无
    #14楼    无
    2022-04-28 17:41:47
    Chrome 0
    看一看瞧一瞧
  • 小萌娃
    #15楼    小萌娃
    2022-05-04 20:39:31
    Chrome 0
    学习下哈哈哈
  • Mr.Wa
    #16楼    Mr.Wa
    2022-05-05 09:28:39
    Chrome 0
    看看js的写法
  • 翡翠狐狸
    #17楼    翡翠狐狸
    2022-05-05 14:58:49
    Chrome 0
    看看js的写法
  • 翡翠狐狸
    #18楼    翡翠狐狸
    2022-05-05 14:59:26
    Chrome 0
    MrTomTao
    ********此内容需要回复后才能看到********
  • mszxylj
    #19楼    mszxylj
    2022-05-06 09:41:56
    Chrome 0
    谢谢
    ********此内容需要回复后才能看到********
  • 梦幻
    #20楼    梦幻
    2022-05-06 15:50:30
    Chrome 0
    看看 学习
  • xlxie
    #21楼    xlxie
    2022-05-17 16:20:06
    Chrome 0
    学习一下!!!
  • 乐乐
    #22楼    乐乐
    2022-05-21 21:05:01
    Chrome 0
    学习一下
  • 王科
    #23楼    王科
    2022-05-22 10:24:56
    Chrome 0
    迅睿有默认的接口
  • 远兰
    #24楼    远兰
    2022-05-29 03:52:03
    Edge 0
    王科 接口在哪里?正需要这个
  • qunsi
    #25楼    qunsi
    2022-06-02 22:47:16
    Chrome 0
    支持分享!!
  • 老李
    #26楼    老李
    2022-06-03 09:48:16
    小米手机 0
    学习了,谢谢分享
  • demonsprit
    #27楼    demonsprit
    2022-06-14 01:07:34
    Chrome 0
    学习学习
  • 屺无心
    #28楼    屺无心
    2022-06-14 18:35:25
    Chrome 0
    学习了,谢谢分享
  • cn1981
    #29楼    cn1981
    2022-06-15 16:18:16
    Chrome 0
    学习一下,感谢分享
  • sky
    #30楼    sky
    2022-06-16 07:13:51
    Chrome 0
    看看js的写法
  • 笨笨
    #31楼    笨笨
    2022-07-04 19:30:06
    Chrome 0
    看看js的写法
  • cns713
    #32楼    cns713
    2022-07-15 13:16:46
    Chrome 0
    666666666666666
  • 陈生生
    #33楼    陈生生
    2022-07-16 23:10:37
    Safari 0
    学习一下,感谢分享
  • 善于表达
    #34楼    善于表达
    2022-08-21 17:53:41
    Chrome 0
    学习一下啊
  • XR_angel
    #35楼    XR_angel
    2022-08-24 15:13:36
    Firefox 103.0 0
    学一下,看看代码
  • 张西西
    #36楼    张西西
    2022-08-31 11:15:40
    Chrome 0
    学习一下js怎么用的
  • 啊哦哦哦哦哦
    #37楼    啊哦哦哦哦哦
    2022-09-06 17:16:58
    Chrome 0
    学习一下
  • 如果你唱歌
    #38楼    如果你唱歌
    2022-09-27 14:38:19
    Edge 0
    谢谢分享,正在找这个
  • 善良小叔子
    #39楼    善良小叔子
    2022-09-30 13:37:44
    Chrome 0
    学一下,看看代码
  • wzw978195814
    #40楼    wzw978195814
    2022-09-30 17:22:28
    Chrome 0
    学一下,看看代码
  • siyuid
    #41楼    siyuid
    2022-09-30 23:53:58
    Chrome 0
    以下是业务js代码:
  • soddiao
    #42楼    soddiao
    2022-10-15 10:45:01
    Chrome 0
    谢谢分享!谢谢分享!
  • 帝腾网络
    #43楼    帝腾网络
    2022-10-18 10:31:46
    Chrome 0
    学习一下学习一下学习一下学习一下学习一下学习一下学习一下
  • 四分音符
    #44楼    四分音符
    2022-11-07 16:25:18
    Chrome 0
    学习一下学习一下学习一下学习一下学习一下学习一下学习一下
  • yudeleishu
    #45楼    yudeleishu
    2022-11-08 09:30:31
    Chrome 0
    谢谢分享!谢谢分享!
  • 不知名菜鸟
    #46楼    不知名菜鸟
    2022-11-08 18:05:34
    Chrome 0
    学习一下 学习一下
  • IT-老男孩
    #47楼    IT-老男孩
    2022-12-04 15:26:11
    Firefox 107.0 0
    学习一下,谢谢楼主分享
  • 小陆
    #48楼    小陆
    2022-12-05 18:19:19
    Edge 0
    学习一下大佬的教程,谢谢楼主分享
  • wang00001
    #49楼    wang00001
    2022-12-09 15:44:00
    Firefox 107.0 0
    学习一下大佬的教程
  • 踏雪哥
    #50楼    踏雪哥
    2022-12-11 08:58:27
    Firefox 107.0 0
    学习一下大佬的教程,谢谢楼主分享
  • tiner
    #51楼    tiner
    2023-01-04 17:29:47
    Chrome 0
    学习下 地区联动
  • 不写注释的前端
    #52楼    不写注释的前端
    2023-01-14 16:15:12
    Chrome 0
    学习一下学习一下学习一下
  • smile077
    #53楼    smile077
    2023-02-10 22:28:12
    Firefox 109.0 0
    学习一下js逻辑
  • 小菜菜
    #54楼    小菜菜
    2023-02-11 09:58:06
    Chrome 0
    学习一下大佬的教程,谢谢楼主分享
  • 前端
    #55楼    前端
    2023-02-11 11:05:20
    Chrome 0
    看看js的写法
  • 小蚂蚁
    #56楼    小蚂蚁
    2023-02-11 18:12:44
    Chrome 0
    学习一下大佬的教程
  • 奥特曼喝啤酒
    #57楼    奥特曼喝啤酒
    2023-02-19 21:01:13
    Chrome 0
    看看js的写法
  • 无
    #58楼    无
    2023-02-23 10:04:50
    Chrome 0
    学习一下大佬的教程
  • luck
    #59楼    luck
    2023-02-24 20:25:13
    Chrome 0
    看看js的写法
  • fanser
    #60楼    fanser
    2023-03-14 01:11:10
    Chrome 0
    😀

    学习一下大佬的教程,谢谢楼主分享


  • 木木建站
    #61楼    木木建站
    2023-03-14 08:58:08
    Chrome 0
    学习一下大佬的教程
  • xingyunyijiu
    #62楼    xingyunyijiu
    2023-03-19 11:26:09
    Chrome 0
    看看js的写法
  • 微云小编
    #63楼    微云小编
    2023-04-13 09:32:50
    Edge 0
    学习一下联动菜单
  • 聚特网络
    #64楼    聚特网络
    2023-04-22 01:53:37
    Firefox 112.0 0
    看看js的写法
  • 善良小叔子
    #65楼    善良小叔子
    2023-04-24 14:09:30
    Chrome 0
    学习学习学习
  • user_falle
    #66楼    user_falle
    2023-04-26 16:15:00
    Chrome 0
    看看js的写法
  • idealyyds
    #67楼    idealyyds
    2023-05-18 16:19:09
    Chrome 0
    学习一下谢谢楼主分享
  • yudeleishu
    #68楼    yudeleishu
    2023-06-09 16:25:41
    Chrome 0
    学习下哈哈哈
  • jlmolpklo
    #69楼    jlmolpklo
    2023-06-20 16:09:52
    Chrome 0
    看下js写法学习一下大佬的教程
  • 小菜菜
    #70楼    小菜菜
    2023-06-21 16:39:20
    Chrome 0
    学习学习一下
  • css278693050
    #71楼    css278693050
    2023-06-28 21:38:45
    Firefox 114.0 0
    学习一下,谢谢楼主

  • 累
    #72楼    累
    2023-07-21 10:51:08
    Firefox 115.0 0
    学习一下大佬的教程
  • 小萌娃
    #73楼    小萌娃
    2023-08-09 14:54:11
    Chrome 0
    我看看下下下
  • xuecheng
    #74楼    xuecheng
    2023-08-11 23:32:36
    Chrome 0
    学习一下大佬的教程,谢谢楼主分享
  • mochen
    #75楼    mochen
    2023-08-17 17:59:33
    Chrome 0
    看看js的写法
  • 隽
    #76楼    隽
    2023-08-20 19:00:02
    Chrome 0
    学习下 地区联动
  • xiaohaima888
    #77楼    xiaohaima888
    2023-08-25 17:43:44
    Chrome 0
    学习一下大佬的教程,谢谢楼主分享
  • 映雪
    #78楼    映雪
    2023-09-11 11:32:16
    Chrome 0
    学习,学习,感谢
  • 轱辘转不转
    #79楼    轱辘转不转
    2023-09-19 10:30:25
    Firefox 117.0 0
    看看js咋么写的

  • 小昕
    #80楼    小昕
    2023-09-26 20:19:46
    Chrome 0
    • 学习一下大佬的教程,谢谢楼主分享


  • Hi
    #81楼    Hi
    2023-10-08 12:38:42
    Chrome 0
    学习一下教程
  • 芸芸众生
    #82楼    芸芸众生
    2023-10-11 11:30:34
    Chrome 0
    看看js的写法
  • 偏南风
    #83楼    偏南风
    2023-10-16 20:44:10
    Chrome 0
    感谢提供分享
  • 56ki
    #84楼    56ki
    2023-10-19 22:54:14
    Chrome 0

    dabo.png
    我是来学习的!
  • 56ki
    #85楼    56ki
    2023-10-19 22:54:47
    Chrome 0

    dabo.png
    为啥看不到!
  • 56ki
    #86楼    56ki
    2023-10-19 22:56:56
    Chrome 0
    MrT你omTao 单方事故
  • 映雪
    #87楼    映雪
    2023-11-30 17:40:29
    Chrome 0
    学习一下大佬的教程
  • 兆午浪
    #88楼    兆午浪
    2023-12-12 00:20:23
    Chrome 0
    • 学习一下大佬的教程,谢谢楼主分享


  • 如果你唱歌
    #89楼    如果你唱歌
    2023-12-30 14:40:36
    Chrome 0
    刚好来学习一下
  • 创发
    #90楼    创发
    2024-01-05 10:39:06
    Chrome 0
    这个可能不错,有用得上。
  • 江小白
    #91楼    江小白
    2024-01-17 21:42:20
    Edge 0
    学习学习大佬们的写法
  • 芝麻通
    #92楼    芝麻通
    2024-02-01 15:30:08
    Chrome 0
    学习下哈哈哈
  • 木头块
    #93楼    木头块
    2024-02-04 17:54:28
    Edge 0
    好东西,学习学习
  • 张百胜
    #94楼    张百胜
    2024-02-23 16:55:46
    Chrome 0
    • 看看js的写法
  • 大师在流浪
    #95楼    大师在流浪
    2024-04-20 19:30:44
    Chrome 0
    收入囊肿,学习来了
  • 迅睿粉丝
    #96楼    迅睿粉丝
    2024-05-09 22:31:26
    Chrome 0
    支持下得到
  • tugoy
    #97楼    tugoy
    2024-10-12 22:58:39
    Chrome 0
    学习一下大佬的教程,谢谢楼主分享
  • 四分音符
    #98楼    四分音符
    2024-10-14 15:18:58
    Chrome 0
    学习一下学习一下学习一下学习一下学习一下学习一下学习一下
  • yunzhetian
    #99楼    yunzhetian
    2024-10-15 12:36:52
    Chrome 0
    看看js的写法