javascript - 如何将选择选项显示到新附加的选择选项

标签 javascript jquery

我有一个主选择选项,如果值等于函数,函数的结果将显示在子选择选项上。但是当我附加新的子选择选项时,结果不会显示在新选项上。

<select id="system-select-1" class="form-control" data-id="1">
 <option selected>Select</option>
 <option value="test1">test1</option>
 <option value="test2">test2</option>
 <option value="test3">test3</option>
</select>

<select id="sdo-select-1" data-id="1" class="form-control sdo-select">
 <option selected>Select</option>
</select>

这是全部code

最佳答案

它不显示任何内容,因为您只是附加一个子元素而不填充其选项。 (如果我明白你的意思)你需要检查选择了哪个主选项,然后在附加之前或附加你的选择之后填写子选项。

我建议将这些步骤放在单独的函数中,以便在需要时调用它们。例如,当您单击“添加”时,您会触发函数来添加子选择,然后触发函数来填充其选项。 (显然,这只是一种方法......)

关于javascript - 如何将选择选项显示到新附加的选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59671467/

相关文章:

javascript - 正确修改 React.js 中的状态数组

javascript - 在对象的 for 循环中构建自定义输出

javascript - 选择某些下拉选项时不允许使用字母字符

javascript - 如何使用键盘箭头键移动 Bootstrap 模式弹出窗口

javascript - 我可以切换多次出现的类的特定实例吗?

javascript - 按重量对列表进行排序,选取项目的开头并为其分配自定义权重

javascript - 遍历mongodb中的数组文档

javascript - 如何获取 Bootstrap 选择选择器点击事件

javascript - 触发选择事件

javascript - 我们可以在对象中运行某些 javascript 吗?