[威客任务]￥800.00 JS实现网站联动三级选项

dingbai3060

于 2013-09-26 08:21:00 发布

阅读量183

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mikel/p/3340083.html

本文详细介绍了一种级联下拉菜单的设计方案，包括多级菜单的联动展示、客户自定义输入功能，以及如何将选择内容实时反馈至页面并转换为HTML隐藏输入。通过实例说明了从一级到三级菜单的选择流程，适用于发货、折扣、联系方式等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

具体要求：

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

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

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

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

以下为简化表

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

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

酬金为800RMB。

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