0

我正在尝试制作一个“简单”的产品配置器...现在我可以使用下拉菜单。

你可以在这里查看（我做了一个衬衫的例子——但实际上它也应该适用于其他产品）：

http://jsfiddle.net/obmerk99/9t4f4/15/

如您所见，它适用于下拉菜单，明显的问题是它不是添加功能，而是替换它（对于每个选项组）。

我尝试使用 append() - 你可以看到它在代码中被注释掉了，但在这种情况下，它不会删除（并且将永远追加 - 导致 50 个 div ..

我的问题是：

  1. 我怎样才能使它也适用于单选按钮和复选框？
  2. 如果它来自另一个组，如何添加“选项”，以及当它来自同一组时如何“删除”它？
  3. 如何使划分为“选项组”自动工作？

（我知道理论上我可以为每个选项制作一个 div 并为每个选项制作一个函数 - 但配置将有大约 60 个 - 所以我需要在 ONE 函数中有一些可靠的逻辑）

编辑我：

我刚刚注意到另一个错误：如果一个人选择了同一级别的所有选项（例如 - 从所有 3 个下拉列表中选择 #3），然后返回到另一个组下拉列表 - 并再次选择同一级别 - 它将不起作用..

4

2 回答 2

0

完整的答案将在这里：

http://jsfiddle.net/obmerk99/9t4f4/23/

于 2012-05-19T01:40:08.433 回答
-1

使用复选框将是问题的适当解决方案，使用某个类将它们组合在一起

<input type="checkbox" class="option" value="9">

现在您可以编写简单的 jquery 来切换 src 图像

$('.option').change(function() {
    if(this.checked){
     $('#prod-image').attr('src', data[value].img);
    }else{
     $('#prod-image').attr('src', "");
    }
于 2012-05-09T09:31:48.333 回答