基于下拉输入的代码生成

Code generation based on dropwdown input

本文关键字：代码生成 输入 于下拉      更新时间：2023-09-26

你好，你们这些无私的助人为乐的人，

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

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

下拉框1:产品2;下拉框2:选项3;下拉菜单3:选项5.

则应根据选择生成代码，即。"02.03.05"。

代码应该显示在一个文本字段中，以及一个报告。我计划个性化每个代码，看它们是否需要进一步的操作，以及理由是什么。最后，我希望以这样的方式结束:

"问题代码:02.03.05。描述:产品2在位置3遇到了涉及第5部分的问题。处理步骤:结束。理由:(任何)"

根据生成的代码，为action和justification字段提供预定的答案。

任何想法?

我认为解决这个问题的最好方法取决于你想要添加的选项的数量和相关性，或者你有多少个场景。例如，如果dropdown1决定dropdown2的大小。如果您的场景很简单，一种解决方案是使用用例函数来创建<option>..</option>。ie。

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

希望足够清楚!

edit:对于更复杂的场景，这里出现的问题是每个下拉菜单为下一个下拉菜单创建的选项数量。如果它是2-3 AND标准，那么这个快速修复应该可以解决问题，否则您应该执行ajax请求来获取<option>..</option>

的信息。
相关文章：