递归下拉图像选择？
我正在尝试创建一个允许定制产品的产品页面布局。基本上，是一系列的下拉列表，每个连续的下拉列表都填充了基于到目前为止所选的选项。所以就像这样：
下拉列表1:产品变体(用户选择productvariationb，下拉列表2然后填充productvariationb的选项)。
下拉列表2:产品颜色(用户在下拉列表1中选择了productvariationb，现在他们在下拉列表2中选择了“棕色”，图像应该会变成产品变体b的棕色版本)。
依此类推，图像每次都会根据所选择的内容进行更改(并填充选项)。
我能用JS做到这一点吗?有没有人知道我可以编辑类似的脚本，或者我需要查看JS的哪些函数才能实现这一点？
回答 2
Stack Overflow用户
发布于 2011-03-20 05:44:32
这是我给你做的：http://jsfiddle.net/moeishaa/H9fF2/
它正在与jQuery合作。使用它，让我知道这是否有帮助:-)
我知道它看起来非常静态，但您可以在页面加载时呈现下拉菜单，也可以填充options对象。我相信你可以找到插件和插件。这是一段非常短的代码，并且可以自定义。
Stack Overflow用户
发布于 2011-03-20 05:26:48
我认为最好的资源，例如代码，应该是查看一些关于创建可扩展菜单(更具体地说，是模仿文件夹结构的菜单)的JavaScript或JQuery示例。它们通常通过修饰一个无序列表来操作。
您可以创建一个静态无序列表，并让图像根据您悬停在其上的项进行更改。或者，当您将鼠标悬停在不同的级别上时，可以使用一些AJAX动态填充列表的其他部分。使用JQuery很可能很容易完成这两个任务。这里有一个页面，其中包含一些菜单示例，可能会给你一些启发：
https://stackoverflow.com/questions/5364936
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号