js select二级联动

<!-- 一级 -->
<select id="s1" onChange="move()" name="deducted_division" style="height: 34px;width: 60%;"><option value="">--请选择--</option><option value="测试1" >测试1</option><option value="测试2" >测试2</option>
</select><!-- 二级 -->
<select id="s2" name="deducted_division" style="height: 34px;width: 60%;"><!-- <option value="">--请选择临床科室--        </option> -->
</select>

<script>function move(){var s1=document.getElementById("s1");var s2=document.getElementById("s2");/* <!-- 获取一级和二级的属性--> */var add;if(s1.value==""){add=new Array("--请选择--");//<!--比对value值，实现对应二级text值的动态生成-->}else if(s1.value=="测试1"){add=new Array("s1","q1");//<!--比对value值，实现对应二级text值的动态生成-->}else if(s1.value=="测试2"){add=new Array("s2","q2");}else{add=null;//<!--若没有就为空，当然不可能出现的-->}s2.length=0;for(var i=0;i<add.length;i++){var ss=new Option();ss.text=add[i].split()[0];ss.value=add[i].split()[0];s2.add(ss);//<!--把text值添加到二级select中，显示出来-->} }
</script>

js select二级联动相关推荐

vue.js 默认选中select_vue select二级联动第二级默认选中第一个option值的实例
当二级联动比如选择国家的时候,希望选中一个国家的时候后面城市默认选中第一个城市,则给国家的select加一个@change事件就可以了所在区域 {{item.country}} {{item}} d ...
javascript实现下拉条联动_js实现select二级联动下拉菜单
本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 String path = request.getContextPath(); String basePath = ...
JS省市二级联动菜单,sky整理收集。
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
使用js实现二级联动表
我们在做项目的时候,经常会遇到选择省市级.选择单位部门等功能,也就是我们熟悉的二级联动问题. 之前没有接触过二级联动,所以感觉二级联动会比较麻烦,实现起来很困难.但是自己写过一个二级联动之后,发现这东 ...
前端：JS/35/二级联动菜单，select对象，select对象的属性，option对象，option对象属性，实例：省份列表与城市列表的联动
二级联动菜单 select 对象一个<select>标记,对应一个select对象: select对象的属性 1,options[] :设置或返回下拉列表中<option>标 ...
js 下拉层级多选_Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
select二级联动价格策略+js的eval()
eval()函数,曾经自己并不觉得怎么样,但是项目中遇到一个需求,被迫使用,感觉确实很强大,记下来,忘了了看看! 需求: 1) 省内价格可用精确到地市(即,区号),省外价格只精确到省. ...
php 下拉菜单多选get,Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
iview的select联动_iview2 之select二级联动细谈
还是二级联动问题,之前的方法是可以实现二级联动的.但是理想很丰满,现在很骨感.因为后台可能也没法给你理想的数据结构.最后想到办法的利用两个接口拿到数据,实现渲染.直接来代码 {{ item.first ...

js select二级联动

js select二级联动相关推荐

最新文章

热门文章