基于下拉输入的代码生成
Code generation based on dropwdown input
你好,你们这些无私的助人为乐的人,
我正在尝试创建一些代码。我需要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>
相关文章:
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- Nodejs服务器在解析之前生成输入表单
- 访问代码生成的输入元素上的keyup事件
- 使用jQuery'生成输入字段;s追加
- 如何在按钮上方生成输入标记
- VAlue未应用于使用Jquery代码的输入
- Javascript:如何;获取“;来自动态生成输入的值
- HTML 符号代码在输入字段中无法正常工作
- 打印所选颜色代码以输入值
- 使用具有动态生成输入的form_tag提交数组
- 由代码操作输入时不触发主干视图更改事件
- 如何使用 Javascript 动态生成输入字段,然后使用它们的值
- 谷歌通用分析跟踪代码生成一个空页面
- JQuery/Javascript 代码不输入“each”
- 带有参数的代码生成未按预期工作
- 我怎样才能在这个代码中输入阿拉伯字符
- 在Javascript中使用什么来代替eval进行动态代码生成/加载
- 我的JavaScript代码无法读取PHP代码生成的JSON.出了什么问题
- 如何在html代码中输入javascript变量
- 基于下拉输入的代码生成