`
hwpok
  • 浏览: 250519 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

二级联动之二

 
阅读更多
<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->var firstStage = [
    {value:
"点击这里",text:"点击这里"},
    {value:
"个性化",text:"个性化"},
    {value:
"转发",text:"转发"},
    {value:
"退订",text:"退订"}];
    
var secondStage = [
    {value:
"点击这里",text: "点击这里", refValue : "点击这里"},
    {value:
"#firstName#",text:"", refValue : "个性化"},
    {value:
"#lastName#",text:"", refValue : "个性化"},
    {value:
"#sex#",text:"性别", refValue : "个性化"},
    {value:
"#email#",text:"Email", refValue : "个性化"},
    {value:
"#content1#",text:"content1", refValue : "个性化"},
    {value:
"#content2#",text:"content2", refValue : "个性化"},
    {value:
"#content3#",text:"content3", refValue : "个性化"},
    {value:
"转发",text:"转发", refValue : "转发"},
    {value:
"退订",text:"退订", refValue : "退订"}];
    
function __initSel(oKeyValues, oSel, initValue) {
    oSel.length 
= 0;
    
var oPrompt = {value:"",text:"请选择"};
    oKeyValues.unshift(oPrompt);
    
for(var i=0;i<oKeyValues.length; i=i+1)
    {
        
var oKeyValue = oKeyValues[i];
        
var  oOption = document.createElement("option");
        oOption.value 
= oKeyValue.value;
        
if(oKeyValue.value == initValue)
        {
            oOption.selected 
= true;
        }
        
var oText = document.createTextNode(oKeyValue.text);
        oOption.appendChild(oText);
        oSel.appendChild(oOption);
    }
}

function initFirstStageSel(firstStageSelId, initValue)
{
    
var oSel = document.getElementById(firstStageSelId);
    __initSel(firstStage, oSel, initValue);
}

function initSecondStageSel(firstStageSelId,secondStageSelId,initValue)
{
    
var oSelFirstStage = document.getElementById(firstStageSelId);
    
var oSelSecondStage = document.getElementById(secondStageSelId);
    
var aTempKeyValus = new Array();
    
for(var i=0;i<secondStage.length;i=i+1)
    {
        
if(secondStage[i].refValue == oSelFirstStage.value)
        {
            aTempKeyValus.push(secondStage[i]);
        }
    }
    __initSel(aTempKeyValus, oSelSecondStage, initValue);
}
分享到:
评论

相关推荐

    asp二级联动 html二级联动

    在网页设计中,二级联动(或称为下拉菜单联动)是一种常见的交互设计方式,它通常用于数据筛选或信息选择,特别是在有层次结构的数据中。二级联动的原理是,当用户在一个下拉菜单(一级菜单)中做出选择时,另一个...

    asp二级联动下拉框,三级联动下拉框

    2. **ASP后台处理**:在服务器端,如`asp二级联动下拉框.asp`文件中,你需要获取数据库中的相关数据,并根据一级下拉框的选择动态生成二级下拉框的选项。 3. **JavaScript或AJAX**:当一级下拉框的`onchange`事件...

    uniapp 二级联动.zip

    本项目"uniapp 二级联动.zip"显然是一个关于使用uniapp进行二级联动功能开发的实践案例,这在很多数据筛选、地区选择等场景中非常常见。下面,我们将深入探讨uniapp二级联动的实现原理和相关知识点。 首先,理解...

    网页按钮二级联动三级联动

    二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动

    省市二级联动mysql数据库

    省市二级联动mysql数据库

    省市二级联动数据

    省市二级联动数据

    datagridview使用combobox进行二级联动

    当需要实现二级联动效果时,即一个`ComboBox`的选择会影响到另一个`ComboBox`的选项,这种功能常见于多级分类选择或筛选场景。本篇文章将深入探讨如何在C#环境下,利用这两个控件在`DataGridView`中实现二级联动。 ...

    下拉列表二级联动

    ### 下拉列表二级联动:深入解析与实现 在网页开发中,下拉列表是一种常见的用户交互元素,用于提供选项供用户选择。而“下拉列表二级联动”则是在此基础上的一种高级应用,它允许用户在选择第一个下拉列表的某个...

    下拉框二级联动

    在IT行业中,二级联动是一种常见的交互设计,尤其在网页表单和数据筛选中十分常见。本文将详细讨论“下拉框二级联动”这一主题,以及如何利用AJAX和JSON技术来实现这一功能。 首先,我们要理解什么是二级联动。在...

    android 二级联动

    总的来说,Android二级联动是提高应用交互体验的重要手段,理解和掌握其实现原理与技巧,对于Android开发者来说是必备技能之一。通过实践和研究提供的"二级联动事例",相信你能进一步提升这方面的开发能力。

    asp数据库二级联动

    在ASP中实现数据库二级联动,通常是指在一个下拉菜单或选择框中选择一个选项后,根据该选项自动更新另一个下拉菜单或选择框的内容,这种效果在数据筛选和表单填写中非常常见。这种功能在网站的导航、筛选、查询等...

    帝国CMS二级联动插件(ajax下拉列表) 帝国CMS二级联动插件(ajax下拉列表).rar

    2. 配置插件:在帝国CMS后台管理界面找到插件管理,启用这个二级联动插件,并设置好与之相关的参数,如AJAX请求的URL、数据字段名等。 3. 调用插件:在需要实现二级联动的页面模板中,插入插件调用代码,确保两个...

    省市编码二级联动json

    省市编码二级联动json

    二级联动json

    在IT领域,二级联动是一种常见的交互设计,常用于网页表单中,特别是在选择项关联的情况下。例如,当你选择一个省份时,城市会根据所选省份动态更新。这种效果可以通过JavaScript库,如jQuery,配合JSON数据来实现。...

    二级联动 下拉列表

    二级联动 下拉列表 可以进行2级联动下拉等功效 完全的代码 用的时候只需要改改数据库就行了

    省市二级联动Access版

    这个"省市二级联动Access版"指的是利用Microsoft Access数据库管理系统实现的一种功能,使得用户在选择省份时,下拉菜单会动态显示出与之相关的城市。这种方式能够简化用户输入,提高交互体验。 在Access中,实现...

    php+ajax二级联动

    在IT行业中,"php+ajax 二级联动"是一种常见的前端交互技术,主要用于构建动态、无刷新的用户界面。这种技术可以提升用户体验,因为用户在选择一个选项时,无需等待整个页面刷新,就能实时看到下级选项的变化。接...

    jquery 省市二级联动

    一段很简单的代码实现的全国二级城市联动选择效果 代码部分很简单,看过即会使用 主要字段内容在city.data.js中,如果需要修改城市名称,到里面找到对应的文字修改,或者添加即可

    javascript二级联动表单

    javascript二级联动表单javascript二级联动表单javascript二级联动表单javascript二级联动表单javascript二级联动表单javascript二级联动表单javascript二级联动表单javascript二级联动表单

    Android开发之二级联动下拉框

    在Android应用开发中,"二级联动下拉框"是一种常见的用户界面组件,它通常用于地区选择、类别筛选等场景,用户首先从一个下拉框中选择一个大类(如省份),然后根据所选的大类自动更新第二个下拉框中的选项(如城市...

Global site tag (gtag.js) - Google Analytics