Question

你好，无私的帮助很多，

我正在尝试创建一些代码。我需要3个下拉菜单。第一个下拉菜单提供产品名称，并确定第二个下拉菜单中的可用选项，第二个下拉菜单中的选项决定了第三个和最后一个下拉菜单中可用的选项。

例如，如果做出以下选择：

下拉列表1：产品2; 下拉2：选项3; 下拉3：选项5。

然后应根据选择生成代码，即。 “05年2月3日”。

代码应显示在文本字段中，并附带报告。我计划将每个代码个性化为是否需要采取进一步行动，以及理由是什么。最终，我希望最终得到这样的结论：

“问题代码：02.03.05。描述：产品2在第3部分的第3部分遇到问题。行动：无需采取进一步行动。理由:(无论如何）“

因此，根据生成的代码，会显示动作和对齐字段的预定答案。

有什么想法吗？

Answer 1

我认为解决此问题的最佳方法取决于您要添加的选项的数量和相关性，或者您拥有的场景数量。例如，dropdown1决定dropdown2的大小。一种解决方案，如果您的方案很简单，那就是使用案例来创建<option>..</option>。即。

<select id="setSize">
     <option value='1'>1</option>
     <option value='2'>2</option>
</select>

在dropdown1更改时调用此switch语句，依此类推

switch($(this).val()) {
    case 1:
        $(this).append('<option value=1>Small</option>');
        $(this).append('<option value=1>Medium</option>');
        break;
    case 2:
        $(this).append('<option value=1>Large</option>');
        $(this).append('<option value=1>XL</option>');
        break;
    default:
        $(this).append('<option value=1>Etc</option>');
}

希望它足够清楚！

对于更复杂的方案，

编辑，此处显示的问题是为下一个下拉列表创建的每个下拉列表的选项数量。如果它的2-3 AND标准，那么这个quickfix应该可以解决问题，否则你应该做一个ajax请求来获取<option>..</option>的信息

基于下拉输入的代码生成

1 个答案: