html select联动,select标签实现二级联动

效果如下图所示：

实现的原理：使用onchange事件，原理见代码

html代码：

魏国

蜀国

吴国

script代码：

var select = document.getElementById("select");

select.οnchange=function(){

var selvalue = select.value;

var val = document.getElementById("val");

switch(selvalue){

case "weiguo" : val.innerHTML="荀彧曹操";break;

case "shuguo" : val.innerHTML="刘备诸葛亮";break;

case "wuguo" : val.innerHTML="孙权周瑜";break;

default : alert("erro");

}

};

如何用jstl的select标签做二级联动下拉列表框？？

下拉列表框的多级联动早就会了.但是用jstl的select标签做下拉列表框的做二级联动的时候还是遇到了些问题.主要问题在用Ajax查询到的数据如何拼成下拉选项的时候.其实很简单,但我还是折腾了好久.所 ...

Select标签下拉列表二级联动级联

首先从服务器端,绑定下拉列表,二级下拉的text命名按照一定规则加上一级下拉的ID. var options=new Array(); $(document).ready(function(){ // ...

<select>简易的二级联动

1.首先是表单页面:

select菜单实现二级联动

执行人 *

通同select便签实现简单的二级联动

yyy-MM-dd") 在类属性上加上注解 ...

Tomcat：bio nio 的设计

BIO  由Acceptor接收Socket,将其转交给Worker来处理. NIO 由Acceptor接收Socket,将其转交给Poller来轮询处理.Poller再将可处理的Socket交给Wo ...

Shell expr的用法 bc 命令 let命令

Shell expr的用法  bc 命令   let命令 数学运算 let命令  expr命令  bc命令  $(())   $[] http://www.80ops.cn/archives/245. ...

c++文件流

前言 文件流能够从文件系统中读取数据并向文件中写入数据. 文件输入流适用于读取配置数据.读取保存的文件以及批处理基于文件的数据等任务.Fprintf,fwrite,fputs 文件输出流适用于保存状态 ...

Spark源码分析之分区器的作用

最近因为手抖,在Spark中给自己挖了一个数据倾斜的坑.为了解决这个问题,顺便研究了下Spark分区器的原理,趁着周末加班总结一下~ 先说说数据倾斜 数据倾斜是指Spark中的RDD在计算的时候,每个 ...

C语言判断电脑的大、小端机

#include int main() { int x = 0x1234; if (char(x) == 0x34)  {   printf("小端机!\n");  }  else ...

对比剖析Swarm Kubernetes Marathon编排引擎

Docker Native Orchestration 基本结构 Docker Engine 1.12 集成了原生的编排引擎,用以替换了之前独立的Docker Swarm项目.Docker原生集群(S ...

GraphQL入门2

将服务器端的代码升级了一下: var GraphQLSchema = require('graphql').GraphQLSchema; var GraphQLObjectType = require ...