精华内容
下载资源
问答
  • 二级联动 下拉列表

    2021-01-21 11:02:07
    二级联动 下拉列表 需先选择英雄,才能在选择英雄的皮肤 html页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>二级联动</title> </head> <...

    二级联动 下拉列表 需先选择英雄,才能在选择英雄的皮肤
    html页面

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<title>二级联动</title>
    	</head>
    
    	<body>
    		<form action="#" method="post">
    		<!--先创建两个下拉列表-->
    			请选择英雄 : <select name="hero" id="hero" onchange="skinA()"></select>
    
    			请选择皮肤 : <select name="skin" id="skin">
    				<option value="">请选择皮肤</option>
    			</select>
    		</form>
    	</body>
    </html>
    

    js代码

    	<script>
    		//创建英雄库
    		var heroArry = ["请选择英雄", "诺手", "小法", "厄加特"];
    		//创建英雄皮肤库
    		var skinArry = [
    			["请选择皮肤"],
    			["请选择皮肤", "生化骑士", "勇敢的心(两周年限定)", "灌篮高手"],
    			["请选择皮肤", "白魔法师 维迦", "魔导绅士 维迦", "永恒之森 维迦"],
    			["请选择皮肤", "深渊巨蟹 厄加特", "电锯狂人 厄加特 ", "战地机甲 厄加特"]
    		];
    		//获取到英雄的下拉列表
    		var hero = document.getElementById("hero");
    		//得到英雄皮肤的下拉列表
    		var skin = document.getElementById("skin");
    		skin.style.width = "120px";
    		//一级列表最先载入页面
    		window.onload = function heroA() {
    
    			//获取长度,一共需要多少个子选项
    			hero.length = heroArry.length;
    			//获取子选项数组
    			let op = hero.options;
    			for(let i = 0; i < op.length; i++) {
    				op[i].value = heroArry[i];
    				op[i].text = heroArry[i];
    			}
    			//当英雄下拉列表的索引为0时,禁用皮肤的下拉列表
    			forbidden();
    		}
    
    		//给英雄皮肤赋值
    		function skinA() {
    			forbidden();
    			//获取当前选中的字列表的索引值
    			let index = hero.selectedIndex;
    			//			console.log(index);
    			//根据这个索引值,得到英雄皮肤库的数组
    			let heroSkinArry = skinArry[index];
    
    			//这只皮肤下拉列表的个数
    			skin.length = heroSkinArry.length;
    			//获得下拉列表的数组
    			let op = skin.options;
    			//
    
    			//遍历皮肤 向英雄皮肤的下拉列表里添加值
    			for(let i = 0; i < op.length; i++) {
    				op[i].value = heroSkinArry[i];
    				op[i].text = heroSkinArry[i];
    			}
    			//将每个的第一个选项加上selected,每次默认选择第一个
    			op[0].selected = "selected";
    			//			console.log(op[0]);
    		}
    		//判断一级列表的索引,为索引值0时,代表请选择英雄,二级列表不可选择
    		function forbidden() {
    			if(hero.selectedIndex == 0) {
    				skin.disabled = true;
    			} else {
    				skin.disabled = false;
    			}
    		}
    	</script>
    

    效果图
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • Ajax实现java web 中下拉列表二级联动

    热门讨论 2010-11-24 15:15:19
    ajax 我们也就讲过一个小例子,这是后来经老师指点后用老师的例子改的,希望对想实现二级联动的同学有所帮助.
  • 本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()...
  • 用ajax实现的jsp二级联动下拉列表

    热门讨论 2008-12-24 11:36:03
    用ajax实现的jsp二级联动下拉列表,使用异步交互的二级联动堪称jsp革命性变动。以前的联动大都是把所有的数据取出来放在javascript中,就一个字------烦
  • Java编程题——简单下拉框二级联动

    千次阅读 2020-12-19 23:45:51
    题目要求:用下拉框实现两级联动,第一个为省份,第个为城市名 代码实现: import javax.swing.*; import java.awt.event.*; public class ItemTest extends JFrame implements ItemListener{ JComboBox ...

    题目要求:用下拉框实现两级联动,第一个为省份,第二个为城市名
    代码实现:

    import javax.swing.*;
    import java.awt.event.*;
    
    public class ItemTest extends JFrame implements ItemListener{
    
    	JComboBox province;   //一级选项,存放省份
    	JComboBox city;     //二级选项,存放城市名
    	
    	public  ItemTest(){
    	
    		JLabel label1 = new JLabel("请选择省份:");
    		label1.setSize(130, 30);
    		label1.setLocation(20, 60);
    		this.add(label1);
    		
    		JLabel label2 = new JLabel("请选择城市:");
    		label2.setSize(130, 30);
    		label2.setLocation(20, 130);
    		this.add(label2);
    	
    		province = new JComboBox();    //设置省份
    		String[] pro = getProvinceNames();
    		for( int i = 0; i < pro.length; i++){
    			province.addItem(pro[i]);
    		}
    		province.setSize(200, 30);
    		province.setLocation(130,60);
    		province.addItemListener((ItemListener) this);
    		this.add(province);
    		
    		city = new JComboBox();   //设置城市
    		city.setSize(200, 30);
    		city.setLocation(130, 130);
    		this.add(city);
    		
    		this.setSize(450,350);
    		this.setLayout(null);
    		this.setVisible(true);
    	}
    	
    	public void itemStateChanged(ItemEvent e){
    		JComboBox com =(JComboBox)e.getSource();
    		String str = com.getSelectedItem().toString();
    		String[] province = getCityByProvince(str);
    		city.removeAllItems();
    		for( int i = 0; i < province.length; i++){
    			city.addItem(province[i]);
    		}
    	}
    	
        //获取省份
    	private String[] getProvinceNames(){
    		String[] province = {"河北省","陕西省","山东省","河南省","吉林省"};
    		return province;
    	}
    	
        //获取与省份匹配的城市
    	private String[] getCityByProvince(String str) {
    		String[] city = new String[10];
    		if( str.equals("河北省")){
    			city[0] = "石家庄";
    			city[1] = "秦皇岛";
    			city[2] = "保定市";
    			city[3] = "唐山市";
    			city[4] = "张家口";
    			city[5] = "邯郸市";
    			city[6] = "承德市";
    		}
    		if( str.equals("陕西省")){
    			city[0] = "西安市";
    			city[1] = "咸阳市";
    			city[2] = "榆林市";
    			city[3] = "宝鸡市";
    			city[4] = "金昌市";
    			city[5] = "铜川市";
    			city[6] = "渭南市";
    			city[7] = "汉中市";
    		}
    		if( str.equals("山东省")){
    			city[0] = "潍坊市";
    			city[1] = "威海市";
    			city[2] = "枣庄市";
    			city[3] = "济宁市";
    			city[4] = "烟台市";
    			city[5] = "德州市";
    			city[6] = "莱芜市";
    		}
    		if( str.equals("河南省")){
    			city[0] = "郑州市";
    			city[1] = "洛阳市";
    			city[2] = "焦作市";
    			city[3] = "商丘市";
    			city[4] = "信阳市";
    			city[5] = "安阳市";
    			city[6] = "三门峡";
    			city[7] = "周口市";
    			city[8] = "驻马店";
    			city[9] = "南阳市";
    		}
    		if( str.equals("吉林省")){
    			city[0] = "吉林市";
    			city[1] = "通化市";
    			city[2] = "白城市";
    			city[3] = "四平市";
    			city[4] = "辽源市";
    			city[5] = "松原市";
    			city[6] = "白山市";
    		}
    		return city;
    	}
    }
    
    //实现:
    public class Test {
    	public static void main(String[] args) {
    
    		ItemTest test = new ItemTest();
    	}
    }
    
    

    运行结果:
    在这里插入图片描述

    展开全文
  • 网上级联菜单确有不少,单大多是直接写死到jsp页面中的,本代码是用mysql的数据库实现的,希望对大家有帮助!!!
  • Java实现Map集合二级联动示例中国省市例子
  • js+jsp下拉列表二级联动简单的

    热门讨论 2010-12-09 09:59:36
    这个是修改的一个js下拉列表二级联动!!希望大家学习,下了个居然不能用,比较气愤,所以就改了改,成功了。希望大家学习!其实也没什么就是获得下拉列表中的选中的值。然后比对赋值就行了!
  • Swing中如何实现二级联动下拉列表

    千次阅读 2020-03-07 20:24:06
    简言之,比如说第一个框里有广东,江苏,安徽各省,第个下拉框里有广东省的各个城市,比如广州,深圳之类的 见代码: import javax.swing.*; import java.awt.*; import java.awt.event.ItemEvent; public class ...

    简言之,比如说第一个框里有广东,江苏,安徽各省,第二个下拉框里有广东省的各个城市,比如广州,深圳之类的
    见代码:

    import javax.swing.*;
    import java.awt.*;
    import java.awt.event.ItemEvent;
    
    public class MyFrame extends JFrame {
    
        //    声明下来列表JComboBox
        private JComboBox choice1;
        private JComboBox choice2;
    
        //定义一个数组
        private static String[] s1 = {"中国","美国","日本","澳大利亚","法国","德国","英国"};
        private static String[][] s2 = {
                {"北京","上海","广州","深圳"},
                {"华盛顿","纽约","芝加哥","旧金山"},
                {"东京","大阪","名古屋","北海道"},
                {"悉尼","堪培拉","珀斯"},
                {"巴黎","南特","德勒","鲁昂"},
                {"柏林","华沙","卢布林","波兹南"},
                {"伦敦","曼切斯特","诺丁汉","牛津"}
        };
    
        public MyFrame(String title){
            super(title);
    
            //        设置布局管理
            getContentPane().setLayout(new GridLayout(2,2,0,0));
    
    //        创建标签
            JLabel label1 = new JLabel("选择你喜欢的国家:");
            label1.setHorizontalAlignment(SwingConstants.RIGHT);
            getContentPane().add(label1);
    
            //        实例化JComboBox对象
            choice1 = new JComboBox(s1);
    
            // 为组合框的选择动作注册监听事件,当此组合框的选择有变化时,另一个组合框自动更新内容
            choice1.addActionListener(e -> {
                choice2.removeAllItems();
    
                JComboBox cb = (JComboBox) e.getSource();
    //            获得选择项目
                String itemString = (String) cb.getSelectedItem();
                System.out.println(itemString);
                int index = choice1.getSelectedIndex();
    
                for(int i=0; i<s2[index].length; i++) {
    
                    choice2.addItem(s2[index][i]);
                }
            });
            getContentPane().add(choice1);
    
            //        创建标签
            JLabel label2 = new JLabel("选择城市:");
            label2.setHorizontalAlignment(SwingConstants.RIGHT);
            getContentPane().add(label2);
    
            //        实例化JComboBox对象
            choice2 = new JComboBox(s2[0]);
            //        注册Action事件监听,采用Lambda表达式
            choice2.addItemListener(e -> {
    //            获得选择项目
                if (e.getStateChange() == ItemEvent.SELECTED){
    //                获得选择项目
                    String itemString = (String) e.getItem();
    
                    System.out.println(itemString);
                }
    
            });
            getContentPane().add(choice2);
    
            //        设置窗口大小
            setSize(400,150);
    //        设置窗口可见
            setVisible(true);
        }
    
    }
    
    

    调用代码:

    public class HelloWorld {
        public static void main(String[] args) {
            MyFrame myFrame = new MyFrame("下拉列表");
        }
    }
    
    

    运行结果:
    在这里插入图片描述
    以上内容仅供参考学习,如有侵权请联系我删除!
    如果这篇文章对您有帮助,左下角的大拇指就是对博主最大的鼓励。
    您的鼓励就是博主最大的动力!

    展开全文
  • 很多时候在界面布局时我们会用到下拉列表,单独的一个列表与数据库的交互很简单,今天要记录的是当有多个下拉列表联动时,该怎样获取数据,即选择第一个下拉列表的值,动态的改变第下拉列表乃至更多列表的值。...

    很多时候在界面布局时我们会用到下拉列表,单独的一个列表与数据库的交互很简单,今天要记录的是当有多个下拉列表联动时,该怎样获取数据,即选择第一个下拉列表的值,动态的改变第二个下拉列表乃至更多列表的值。

    1、在jsp中定义第一个下拉列表,并且从servlet中获取list列表读取出option的value(此处关于EL表达式以及c标签的使用不在赘述)

    <select οnchange="getShoppe()" id="bra" name="brand" style="width: 75%;height: 40px; vertical-align: middle; line-height: 40px;">
    <option>选择您购买的品牌</option>
    <c:forEach var="brandL" items="<%=session.getAttribute("brandlist") %>">
    <option value="${brandL.name }" id="${brandL.code }">${brandL.name }</option>
    
    </c:forEach>
    </select>
    2、定义第二个下拉列表(这个下拉列表的option需要依赖第一个下拉列表的改变而改变)

    <select name="shop" id="shoppe" οnchange="getStaff()" style="width: 75%;height: 40px; vertical-align: middle; line-height: 40px;">
    </select>

    3、下拉列表的onchange()事件调用该方法(此方法中接收servlet传入的json数据,需导入json包在lib下)
     function getShoppe() {//如果第一个下拉列表的值改变则调用此方法  
       
            var code = $("#bra option:selected").attr("id");//得到第一个下拉列表的值  
            if(code!=null && "" != code&& -1 != code){  
                    //通过ajax传入后台,把orderTypeName数据传到后端  
                $.post("GetShoppeServlet",{code:code},function(data){  
                        var res = $.parseJSON(data);//把后台传回的json数据解析  
                        var option;  
                        option="<option>"+"选择您购买的专柜"+"</option>" ; 
                        $.each(res,function(i,n){//循环,i为下标从0开始,n为集合中对应的第i个对象  
                            option += "<option value='"+n.name+"'>"+n.name+"</option>"  
                        });  
                        $("#shoppe").html(option);//将循环拼接的字符串插入第二个下拉列表  
                        $("#shoppe").show();//把第二个下拉列表展示  
                });  
              
            }else {  
                $("#shoppe").hide();  
            }  
        }
    4、新建一个和方法中同名的servlet,根据数据库读出的数据,返回一个json对象

    HttpSession session=request.getSession();
    		
    		int code=Integer.parseInt(request.getParameter("code"));
    		System.out.println(code);
    		List<Scanf> shoppelist=scanfDao.getScanfShoppe(code);
    		session.setAttribute("shoppelist", shoppelist);
    		List<Scanf> l=(List<Scanf>)session.getAttribute("shoppelist");
    		//System.out.print(l.get(0).getName());
    	    out.print(JSON.toJSONString(l));  
    总的来说,我们要在页面中异步的实现两个甚至多个select的联动,需要在servlet中返回一个json的对象,然后返回给js进行解析后赋值给option





    展开全文
  • //清空city的下拉列表 //遍历result $(result).each(function(index,c){ //添加city节点option $("#city").append("<option value='"+c.id+"'>"+c.cityName+"</option>"); }); } ...
  • AJAX的核心是JavaScript对象XMLHttpRequest。...本文就以二级联动下拉列表为例: 获取AJAX对象js代码: function createAJAX(){ var ajax = null; try{ ajax = new ActiveXObject("microsoft.xmlhttp"); }cat...
  • 下面小编就为大家带来一篇Spring MVC中Ajax实现二级联动的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 级联动下拉菜单,很简单的,觉得不错,关于二级的网上可以随便找到
  • struts2+hibernate+spring实现的二级联动下拉列表.zip
  • Ajax二级联动下拉列表

    2019-09-23 01:57:11
    //下拉列表改变时的操作 function proChange(objVal ){ alert ("proChange:"+ objVal ); createXMLHttpRequest() ;// document.getElementById ("city").length=1;//根据ID获取指定元素,并赋值 ...
  • 本文实例讲述了js实现全国省市二级联动下拉选择菜单,分享给大家供大家参考。具体如下: 效果图:   具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb...
  • 这是一款比较实用的三级联动下拉列表,很多的实际项目中都会用到得哦
  • 二级联动下拉列表JS+html实现

    千次阅读 2015-06-19 14:32:58
    例子: This is a test! 请选择 脚本语言 ...//获取一菜单长度 var select1_len = document.frm.s1.options.length; var select2 = new Array(select1_len); //把一菜单都设为数组 for (i=0;
  • Android开发实现二级联动下拉列表

    万次阅读 2016-07-23 23:59:06
    Java code:  package zye.client.Client;  import android.app.Activity;  import android.content.Context;  import android.os.Bundle;  import android.view.View;  import android.widget.Adapt
  • 二级联动: package com.test; import java.io.FileOutputStream; import java.util.HashMap; import java.util.Map; import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel....
  • 使用Apache POI生成具有三级联动下拉列表的Excel文档; 具体效果图与代码如下文。 先上效果图: 开始贴代码,代码中部分测试数据不影响功能。 第一部分(核心业务处理): 此部分包含几个方面: 获取三级...
  • Ajax 技术练习一、Ajax 实现下拉菜单1.1 场景再现1.2 技术分析1.2.1 前台分析1.2.2 后台分析、让我们来实现它2.1 使用 xml 传输数据2.2 使用 json 来传数据 一、Ajax 实现下拉菜单 1.1 场景再现 我们在购买快递...
  • 今天做了个小例子,用来通过异步来实现一个二级菜单中的数据从数据库中获取并绑定,它将数据库中的数据查询出来后添加到map对象中,通过json包将其打为json字符串返回给前台。有不足的地方请建议(#^.^#) 用到的资源...
  • 纯净SSM简单整合,数据库资源根据实体类自己创建。内有ssm增删改查,ajax结合jquery做下拉框,省市联动,多选框等。所有jar包都放在lib里,搭好数据库完美可用。供新手学习。
  • 本文通过实例代码给大家分享Java 使用POI生成带联动下拉框的excel表格,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,345
精华内容 938
关键字:

java二级联动下拉列表

java 订阅