Javascript 基于dropwdown输入的代码生成

你好，你无私地帮助了很多人

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

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

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

然后，应根据选择生成代码，即02.03.05

代码应与报告一起显示在文本字段中。我计划将每个代码个人化，以确定它们是否需要进一步的行动，以及理由是什么。 最后，我希望能有这样的结局：

问题代码：02.03.05。 说明：产品2在第5部分的位置3遇到问题。 行动：无需采取进一步行动。 理由：不管怎样

因此，根据生成的代码，将显示动作和理由字段的预定答案

---

有什么想法吗？

我认为解决这个问题的最佳方法取决于你想要添加的选项的数量和相关性，或者你有多少个场景。 例如，如果dropdown1决定dropdown2的大小。 一个解决方案，如果你的场景很简单，将是有功能的情况下创建你的。。。即

在dropdown1change上调用这个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和标准的，那么这个快速修复程序应该可以做到这一点，否则您应该执行ajax请求以获取..

的信息。首先，您应该组织数据，从JSON数据集中加载第一个下拉列表，或者可以硬编码第一个，然后基于这个选择，您对下一个正确的数据集发出ajax请求，并用它填充下一个框etcThanks！我感谢你的帮助。

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>');
}