javascript - 多个 相互连接

Question

你好，希望你能帮我解决我的问题。

我正在构建一个选项框，我想连接到另一个选项框，其中第一个选项框具有特定选项。抱歉，如果这听起来很复杂。

目前看起来像这样:

 <select id="fonts">
 <option value="Arial"></option>
 <option value="Helvetica"></option>
 <option value="Times"></option>
 </select>

如果假设您选择第一个选项“Arial”，则第二个选项框将具有以下选项:

 <select id="weights">
 <option value="Normal"></option>
 <option value="Bold"></option>
 <option value="Italic"></option>
 </select>

如果您选择“Helvetica”，它可能只有一个选项，比如“斜体”。

 <select id="weights">
 <option value="Italic"></option>
 </select>

任何帮助将不胜感激!Xx

Answer 1

这称为链接选择菜单。

如果您的系统相当简单，有许多插件可以为您完成这项工作。

例如http://www.appelsiini.net/projects/chained