任务地址:http://task.zhubajie.com/3275832/

具体要求:

要求
1) 选单样式参照附件
2) 点击第一个选项内容后,跳出第二个选项栏位,并自动更新选项内容
3) 点击第二个选项内容后,跳出第三个选项栏位,并自动更新选项内容(或选项到第二级为止,则停在二级菜单) 
4) 点击第三个选项完成后,跳出第三个选项栏位,并自动更新选项内容
5) 表单需提供客户自行输入内容
6)  选择内容,最终及时返回于页面,并建立 HTML hidden input。

补充模拟流程:
假设一级选单有, 发货、折扣、联系方式等选项,我们以选择发货为例:
发货选择后,第二级菜单跳出,并显示,快递公司及出货时间。

二级菜单选择快递公司,则跳出三级菜单。
二级菜单选择出货时间,则停留在二级菜单,并确定选择内容为出货时间。

三级菜单选择, EMS,则停留在三级菜单,并确定选择内容为EMS。
三级菜单选择, 其它,则跳出文字框让客户自行输入。

以下为简化表

发货(一级选单)
       ----- 快递公司(二级选单)
                         ----- EMS(三级选单)
                         ----- DHL
                         ----- 其它 -> 客户自行文字输入
       ----- 出货时间 (二级选单,选择后无第三选项)

最终返回数值 为
发货 >> 出货时间  或
发货 >> 快递公司 >> EMS 或
发货 >> 快递公司 >> 其它 >> 客户自行输入内容

酬金为800RMB。

请确认好我方需求再行联系。

[威客任务]¥800.00 JS实现网站联动三级选项的更多相关文章

  1. 在freemarker中,价格 怎么将¥100变成 ¥100.00

    ${tempNum?string.currency}或${tempNum?string(“currency”)} à结果为¥20.00${tempNum?string. percent}或${temp ...

  2. js获取网站根目录

    //js获取网站根路径(站点及虚拟目录),获得网站的根目录或虚拟目录的根地址         function getRootPath(){        var strFullPath=window ...

  3. php或js判断网站访问者来自手机或者pc

    php或js判断网站访问者来自手机或者pc机 2013年9月26日,在弄wtuonline的时候为了区分用户是来自手机版浏览器还是pc,针对不同平台选择不同的网站版本,最终总结如下:         ...

  4. php或js判断网站访问者来自手机或者pc机

    php或js判断网站访问者来自手机或者pc机 2013年9月26日,在弄wtuonline的时候为了区分用户是来自手机版浏览器还是pc,针对不同平台选择不同的网站版本,最终总结如下:         ...

  5. JS版本网站资源状态检测

    Title:JS版本网站资源状态检测  --2012-08-28 14:08 前几天需要一个网站状态检测的东东,后面写了个蹩脚的JS版本,里面用到了以前没用过的东西,在这里记下来,其实批处理加curl ...

  6. JS获取网站StatusCode,若存在写入文件

    JS获取网站状态码,若网站存在,写入TXT文件,适用于IE. <script> //写文件      function writeFile(filename,filecontent){   ...

  7. 中文¥乱码 vue js

    /** * * 中文¥格式化,返回格式化后的¥100.00 * @param {any} money */utils.formatCNY = function (money) { let format ...

  8. #2使用html+css+js制作网站教程 测试

    #2使用html+css+js制作网站教程 测试 本系列链接 1 测试 1.1 运行 1.2 审查 1.3 审查技巧 1.4 其他 引言: 编写完代码后就要上机测试代码,获得用户体验,筛选bug 笔者 ...

  9. #1使用html+css+js制作网站教程 准备

    #1使用html+css+js制作网站教程 准备 本系列链接 0 准备 0.1 IDE编辑软件 0.2 浏览器 0.3 基础概念 0.3.1 html 0.3.2 css 0.3.3 js 0.4 文 ...

随机推荐

  1. OWASP-ZAP

    Zed Attack Proxy简写为ZAP,是一个简单易用的渗透测试工具,是发现Web应用中的漏洞的利器,更是渗透测试爱好者的好东西. ZAP下载地址:https://www.owasp.org/i ...

  2. UNIX内核的文件数据结构 -- v 节点与 i 节点

    龙泉居士:http://hi.baidu.com/zeyu203/item/cc89cfc0f36bfecc994aa07c 内核使用三种数据结构表示打开的文件(如图),他们之间的关系决定了在文件共享 ...

  3. latex 写作

    一.下载:http://www.ctex.org/CTeXDownload 二.bst文件的作用 在tex文件调用bib时,如 \bibliographystyle{Science} \bibliog ...

  4. java socket nio编程

    上次写了一个socket的基本编程,但是有个问题,阻塞特别严重,于是小编便去找了nio学习了一下... public class TimeServer { public static void mai ...

  5. RPi 2B GPIO 测试

    /************************************************************************************** * RPi 2B GPI ...

  6. boostrap兼容ie及其案例

    多梦网络 wordpress主题 http://www.dmeng.net/

  7. List<HashMap>和HashMap

      例如select查询出的是学号.姓名,比如查出符合条件的是学号是0810的小红,学号是0811的小明,组织起来如下:  list.add(hashmap1);list.add(hashmap2); ...

  8. gdi写的2048

    //-------------------------------------------[头文件及引用]----------------------------------------------- ...

  9. Swift的字符串String是值类型

    根据<The Swift Programming Language>中文版基于Xcode6.1的文章描述: Swift的 String 类型是值类型.如果创建了新的字符串,那么当其进行常量 ...

  10. convert nocdb to cdb using dbms_pdb

    convert nocdb to cdb using dbms_pdb 本文介绍将nocdb转换为cdb   环境介绍: ORACLE_HOME: /u01/app/oracle/product/12 ...