`

js的一个简单的联动

 
阅读更多

1.  前面下拉框的改变触发后面下拉框的改变。
function change (value){
var s2=document.getById("max");
value=Integer.parseInt(value);
switch(value){
case( 0 ):
removeOp(s2);
break;


case(1):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("1",1));
s2.options.add(new Option("2",2));
s2.options.add(new Option("3",3));
s2.options.add(new Option("4",4));
break;


case(2):
removeOp(2);
s2.options.add(new Option("",0));
s2.options.add(new Option("2",2));
s2.options.add(new Option("3",3));
s2.options.add(new Option("4",4));
break;


case(3):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("3",3));
s2.options.add(new Option("4",4));
break;


case(4):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("4",4));
break;

case(5):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("5",5));
s2.options.add(new Option("6",6));
s2.options.add(new Option("7",7));
break;


case(6):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("6",6));
s2.options.add(new Option("7",7));
break;

case (7):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("7",7));
break;


default:
removeOp(s2);
s2.options.add(new Option("",0));
}

}


function removeOp (s1){
for(var i=s1.options.length-1;i>=0;i--){
  s1.removechild(s1.options[i]);

}
}

<html:select property="work_cnt_min" onchange="change(this.value);">


2.取到value后面的值(星期一...)

function getValues(){
var s=document.getElementById("day").value;
var cc=s.options[s.selectedIndex].text;
alert(cc);

}





<select  id="day">
<option value="1"> 星期一</option>
<option value="2" >星期二</option>
<option value="3">星期三 </option>
<option value="4">星期四</option>
<select/>






















分享到:
评论

相关推荐

    JS 联动菜单简单例子

    在这个“JS联动菜单简单例子”中,我们将深入探讨如何使用HTML和JavaScript来创建这样一个功能。 首先,我们需要理解基本的HTML结构。联动菜单通常由`&lt;select&gt;`元素和嵌套的`&lt;option&gt;`元素组成。在`&lt;select&gt;`元素中...

    利用JS与HTML实现地级市的简易的二级联动

    在这个案例中,“利用JS与HTML实现地级市的简易的二级联动”就是这样一个功能,它允许用户首先选择省份,然后根据省份选择相应的地级市。 首先,我们需要理解HTML的基础结构。HTML(超文本标记语言)是构建网页内容...

    一个最简单的三级联动代码

    这个"一个最简单的三级联动代码"示例可能是用来帮助开发者理解如何实现这种功能的。下面我们将深入探讨三级联动的基本概念、实现原理以及相关知识点。 三级联动通常指的是三个下拉菜单之间的联动关系,其中每一个...

    JS省市级三级联动[超简单]

    在UI设计中,三级联动指的是三个下拉菜单之间存在联动关系,即当用户在一个下拉菜单中做出选择时,其他关联的下拉菜单会根据该选择自动更新其选项。例如,在省市区选择中,选择一个省份后,市的下拉菜单会更新为该省...

    简单的js省市区三级联动

    在网页开发中,省市区三级联动是一...通过这种方式,我们就可以实现一个简单的省市区三级联动功能,为用户提供便捷的交互体验。记住,关键在于理解DOM操作、事件监听和数据处理,以及如何将它们结合起来实现动态交互。

    JavaScript全国三级联动

    以下是一个简单的JavaScript示例,使用原生DOM操作实现联动效果: ```javascript // 假设data是上面的数据结构 let data = ...; // 获取三个select元素 let provinceSelect = document.getElementById('province')...

    JS省市2级联动代码

    在网页开发中,"JS省市...总的来说,JS省市2级联动代码是一个利用JavaScript实现的动态交互功能,它提高了用户在选择地址时的便捷性和效率。通过理解和应用这些基本原理,开发者可以创建更智能、更用户友好的网页应用。

    强大的js三级地区联动含港澳台地区

    在这个案例中,我们关注的是一个特别针对中国(包括港澳台地区)的强大js三级地区联动实现。这个解决方案通过一个JS文件(area.js)和一个HTML文件(selectArea.html)来完成,提供了简洁、直观且易于理解的代码结构...

    js实现简单的三级城市联动

    在JavaScript(JS)中实现一个简单的三级城市联动功能,主要是为用户提供一个动态的下拉菜单,使得用户在选择省份时,对应的市和区/县会随之更新。这种联动效果常见于地址选择、区域筛选等场景,能提高用户体验,...

    js省市区二级联动和三级联动下拉菜单

    以下是一个简单的JS实现思路: 1. 首先,准备省市区数据,存储为JSON格式,例如: ```json { "province1": ["city1", "city2"], "province2": ["city3", "city4"] } ``` 2. 创建HTML结构,包括两个`&lt;select&gt;`元素...

    JS+HTML联动下拉菜单

    以下是一个简单的示例: ```javascript document.getElementById('parentSelect').addEventListener('change', function() { var selectedValue = this.value; // 清空当前子级下拉菜单 var childSelect = ...

    asp js简单三级联动效果

    三级联动通常指的是在三个下拉列表中,选择一个选项会自动更新下一个下拉列表的内容,依此类推,为用户提供便捷的数据筛选体验。 JavaScript是一种轻量级的解释型编程语言,广泛应用于网页和网络应用的客户端脚本。...

    城市2级联动js

    本次分析的示例代码主要通过JavaScript实现了一个简单的城市二级联动功能。下面将对各个部分进行详细解析: ##### 1. HTML结构 HTML部分定义了两个`&lt;select&gt;`元素,分别用于显示省份和城市列表。这两个`&lt;select&gt;`...

    javascript简易实现联动

    JavaScript简易实现联动是一种常见的前端交互技术,主要用于网页表单、下拉菜单或其他用户界面元素,使得一个元素的状态或行为变化可以触发另一个元素的更新。在本教程中,我们将深入探讨如何利用JavaScript实现这种...

    超简单的三级联动 javascript代码

    超级简单的js三级联动代码,信不信由你,分享一下

    js 3级联动适合初学者参考

    3级联动的基本概念是,当用户在第一级选择一个选项时,第二级的选择会相应更新,接着,用户在第二级做出选择后,第三级的内容也会随之变化。这种联动效果常见于地区选择、产品分类等场景,能够有效减少用户的操作...

    html+js三级联动源码

    下面是一个简单的JavaScript实现示例,假设我们已经有了预定义的JSON数据: ```javascript // 假设的预定义数据 var provinceData = {...}; document.getElementById('province').addEventListener('change', ...

    javascript 省市区街——四级联动

    在JavaScript编程中,"省市区街——四级联动"是指在一个应用程序中,用户在选择省份时,下拉菜单会自动更新为对应省份的城市列表,接着在选择城市后,再出现对应的区县列表,最后是街道的选择。这种交互设计常用于...

    省市区js三级联动html实例简单易懂

    总结来说,“省市区js三级联动html实例简单易懂”是一个实用的学习资源,它涵盖了网页动态交互、数据获取和DOM操作等多个JavaScript开发的关键知识点。通过学习和实践这个实例,开发者可以提升自己的前端技能,并为...

    一个简单的3级联动示例

    在这个"一个简单的3级联动示例"中,描述提到它包括一个2级和3级的联动效果,可能表示设计者已经实现了国家到省份以及省份到城市的两级和三级联动。然而,由于提到可能做得不是很好,这暗示可能存在一些改进的空间,...

Global site tag (gtag.js) - Google Analytics