依赖<；选择>；HTML和JavaScript中的菜单

我的页面中有两个

字段。下面显示了第一个示例，其中包含一些说明性的品牌名称：

    <select name="1">
            <option value="Apple">Apple</option>
            <option value="Samsung">Samsung</option>
            <option value="other">Other</option>
    </select>

苹果
三星
其他

如果用户在第一个字段中选择“Apple”，我希望第二个字段包含Apple的产品供用户选择，例如

    <select name="Apple">
            <option value="iphone">iPhone 7</option>
            <option value="ipad">iPad Super Pro</option>
            <option value="other">Other</option>
    </select>

iPhone7
iPad超级专业版
其他

但是，如果它选择“三星”，我想相应地更新第二个字段的选项

    <select name="Samsung">
            <option value="note">Note 6</option>
            <option value="galaxy">Galaxy S8</option>
            <option value="other">Other</option>
    </select>

附注6
星系S8
其他

如果用户选择“其他”，我希望显示一个输入字段

    <input type="text" name="other"/>

---

我该怎么做呢？

您需要层叠选择字段来实现所需的行为。这不能完全用HTML实现，您需要一些JavaScript编程逻辑来实现

以下链接详细介绍了该主题：

---

注意：我没有将此问题标记为重复问题，因为您在问题中没有明确提到JavaScript。

这在纯HTML中是不可能的。为此，您需要一些JavaScript。