HTML和JavaScript中的从属<select>菜单

时间:2016-05-16 18:49:58

标签: javascript html select option

我有两个&lt; select&gt;我页面中的字段。第一个显示如下,带有一些说明性的品牌名称:     &lt; select name =“1”&gt;             &lt; option value =“Apple”&gt; Apple&lt; / option&gt;             &lt; option value =“Samsung”&gt; Samsung&lt; / option&gt;             &lt; option value =“other”&gt; Other&lt; / option&gt;     &LT; /选择&GT; 如果用户在第一个字段中选择“Apple”,我希望第二个包含Apple的产品供用户选择,例如     &lt; select name =“Apple”&gt;             &lt; option value =“iphone”&gt; iPhone 7&lt; / option&gt;             &lt; option value =“ipad”&gt; iPad Super Pro&lt; / option&gt;             &lt; option value =“other”&gt; Other&lt; / option&gt;     &LT; /选择&GT; 但是,如果它选择“三星”,我想相应地更新第二个字段的选项。     &lt; select name =“Samsung”&gt;             &lt; option value =“note”&gt; Note 6&lt; / option&gt;             &lt; option value =“galaxy”&gt; Galaxy S8&lt; / option&gt;             &lt; option value =“other”&gt; Other&lt; / option&gt;     &LT; /选择&GT; 如果用户选择“其他”,我想要显示输入字段。     &lt; input type =“text”name =“other”/&gt; 我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:0)

您需要级联选择字段才能实现所需的行为。这不能完全用HTML完成,你需要一些JavaScript编程逻辑才能按照自己的意愿去做。

以下链接详细解释了该主题:

注意: 我没有将此问题标记为重复,因为您未在问题中明确提及JavaScript。