javascript - 多个 <option> 相互连接

标签 javascript html-select

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

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

目前看起来像这样:

 <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

最佳答案

这称为链接选择菜单。

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

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

关于javascript - 多个 <option> 相互连接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26675410/

相关文章:

javascript - 事件对象总是有 relatedTarget undefined

javascript - 用于选择国家/地区和国家的下拉菜单

javascript - 获取 React <select> 元素值的正确方法是什么?

html - 如何设置 HTML <select> 元素的默认值?

javascript - TS 节点:找不到源文件

javascript - 如何按模式查找但排除条件列表

ASP.net Canvas 服务器控件

javascript - rxjs - 缓冲流直到函数返回 true

php - 如何检查在 php 中完成选择后存储的值

javascript - 使用多重选择和 JavaScript 更改图像