jquery二级联动

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 3.3w累计阅读 3.3w+平均单平台已同步平台 CSDN 微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄9年

关注

原创最新推荐文章于 2024-12-09 10:52:52 发布 3.3w 阅读 AI 写同款· GEO 优化 ›

AI权益加码！Claude Code、Cursor等20+工具免费用！购周边限时加赠Coding Plan Lite，畅享主流AI工具！学习进阶更高效！阅读详情

根据商品顶级ID查询二级分类

html代码:

<p class="classify">
    <span>商品分类</span>
    <select name="sel1" id="select1">
        <option value="0">请选择一级分类</option>
        <option value="1">家常海鲜</option>
        <option value="2">鱼</option>
    </select>
    <select name="sel2" id="select2">
        <option value="0">请选择子分类</option>
    </select>
</p>

js代码:

//商品分类二级分类
    $('#select1').change(function(){
        var class_id = $(this).val();
        $.ajax({
            type: "POST",
            url: "https://www.xxxxxx.com/admin/login/twoClass",
            data: {class_id:class_id},
            dataType: 'json',
            crossDomain: true,
            success:function(result){
                result = eval(result);
                str = '';
                for(var i=0;i<result.length;i++){
                    str += "<option value="+result[i]['class_two_id']+">"+result[i]['two_class_name']+"</option>";
                }
                $('#select2').append(str);
            }
        })
    });

收录于

代码笔记

当前文章被收录于：

代码笔记

16 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#二级联动 #jquery

本内容遵循 CC 4.0 BY-SA 版权协议

Jquery实现二级联动 Jquery实现二级联动 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src 阅读详情

相关推荐

jQuery实现二级联动下拉框

sning999 3256

jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动

利用struts2和Ajax实现json对象的传输，然后实现菜单的二级联动 下面是我的 js文件原码：代码如下: var mail={ //初始化 init:{ //初始化数据 initdata:{ did:”, ttitle:”, sendpassword:”, description:” }, //初始化事件 initevent:{ DataEvent:function(){ $(“#did”).unbind(“change”);//获取一级菜单，绑定事件 $(“#did”).bind(“change”,function(){ //alert($(this).val()); mail.

jquery实现select二级联动

jquery实现一个简单的select二级联动菜单，代码如下 1 DOCTYPE html> 2 html> 3 head> 4 meta charset="utf-8"> 5 title>jQuery 二级联动title> 6 style> 7 .city{ 8 display: no

z_qifa的博客 838

使用jQuery实现动态二级联动下拉列表

本文还有配套的精品资源，点击获取简介：二级联动下拉列表在网页开发中用于实现地区和类别选择等交互功能。本文通过一个具体的示例，展示如何利用jQuery实现当用户选择一个省份后，动态加载城市列表至第二个下拉框。实现这一功能涉及创建HTML结构、使用jQuery进行DOM操作和异步请求处理，并与后端Servlet配合，根据省份ID查询数据库并返回城市数据。 1. HT...

weixin_30476025的博客 760

使用jQuery创建动态无刷新二级联动菜单

本文还有配套的精品资源，点击获取简介：在网页开发中，二级联动菜单常用于显示层次结构的数据。本示例展示了如何利用jQuery实现一个动态的无刷新二级联动菜单。通过结合jQuery库、AJAX异步请求和JSON数据解析，能够实现用户在改变一级菜单选项时，仅更新二级菜单内容而无需刷新整个页面。此过程涉及创建HTML结构、绑定jQuery事件处理、发送AJAX请求、服务器处理和返...

weixin_32535825的博客 837

jquery下拉框二级联动

<div class="select_addApply">  <select name="province" id="province" class="classify"> <option value="选择一级分类">选择一级分类</option&

liuxin_1991的博客 8053

如何使用JQuery实现Js二级联动和三级联动

好了，以上代码就是使用JQuery库来实现的上面的二级三级联动，希望多多支持！

是个非常热爱生活、乐观、奋斗、努力的逗比青年 2434

JQuery实现二级联动

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>二级联动_JQ</title> <style> </style> <script src="jquery-1.9.1.min.js"></script> </head> <body> <!--下拉框.

qq_43379611的博客 1627

jquery ajax 二级联动

首先实现jquery ajax的二级联动 要下载个jquery.js 我在这里就不准备了自行百度下载背景介绍：通过部门的ID来查找部门下的所有班级我实现二级联动的思路是：先查询所有部门显示在页面上如图：其次在使用下拉框的点击事件获取到部门的ID ，然后通过部门的ID 进行查找班级。

zfz823840645的博客 1万+

jquery ajax实现二级联动

前言：还记得昨天看某位大佬的博客，看到了ajax实现二级联动，不由心痒痒也想实现一番，先贴上：链接：大佬的这篇博客学习过程： 1. 于是我就去补了ajax，可是发现不行啊， https://blog.csdn.net/qq_38409944/article/details/81325662 2. 可是我只学过xml，ajax的数据传输主要是json，于是乎我又补了json，可是又...

qq_38409944的博客 3255

jQuery二级联动

JQuery实现省份城市二级联动 前端代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>二级联动</title> <script type="text/javascript" src="js/jquery

z2014ypd的博客 2238

JQuery版基本DOM操作（举例：用jQuery实现二级联动）

jQuery的DOM操作以及jQuery版的二级联动

锦鲤姑娘的博客 645

JQuery EasyUI Combobox 实现省市二级联动菜单

pqszq1314的专栏 8668

用Jquery做省市二级联动下拉列表

<br />用JQuery做一个简单的二级联动菜单<br />（1）HTML代码<br /><select><br /> <option value='0'>请选择</option><br /> <option value='1'>吉林</option><br /> <option value='2'>辽宁</option><br /></select><br /><span></span><br />（2）JQuery代码<br />$(document).ready(fun

P18381769的专栏 3524

JQuery实例（一）- 二级联动

从这里开始的话，会整理一下JQuery的使用，主要是一些例子。 demo.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> JQuery Demo 省市二级联动 省份：城

什么是江湖? 1743

jquery 二级联动演示

jquery 二级联动演示 $(document).ready(function(){ var selectOption={ "==请选择省/直辖市==":{ "key":" ", "defaultvalue" : "", "values":{'==城市/地区==':'==城市/地区=='} }, "北京":{ "key":"北京", "values":

lampsunny的专栏 2227

JQuery实现省市二级联动

Dao实现类 package com.bruce.dao; import com.bruce.domain.City; import com.bruce.domain.Province; import org.apache.commons.dbutils.QueryRunner; import org.apache.commons.dbutils.handlers.BeanListHandl...

Bruce_44的博客 369

用jQuery实现简单的二级联动

这是网页效果图当你选择第一个框时第二个框会改变为相应的城市; 因为我是用bootstrap 和jQuery写的所有在写代码之前请用script标签引入bootstrap和jQuery; HTML部分 <div class="container"> <div > <select id="mer" > <option>请选择</option> ..

weixin_49758946的博客 1414

上一篇： LNMP环境（nginx）安装SSL安全证书，全站开启HTTPS访问，并将http强制跳转https（配置301重定向）

下一篇：微信小程序支付 php后台

jQuery实现二级联动下拉框

sning999

08-08

3256