javascript - 選擇器選擇某一個option後再出現一個選擇器？

Question

<select name="choosetype" id="choosetype" class="buy_num">
      <option value="a">A</option>
      <option value="b">B</option>
      <option value="c">C</option>
        </select>

假設我選了B 則旁邊會再產生出一個select選擇器 叫做choosetype2

但是當我選回A或C時，choosetype2則disabled。

Answer 1

https://jsfiddle.net/9utttoub/

Answer 2

目测了一下你要做的就是一个类似二级菜单。你可以不用select标签。用ul，li 自己做一个假的select。不但样式布局好控制，而且可以添加动画特效

Answer 3

泻药~

估计你要做的是多级选择，比如省市区这样的。选择一个 省 以后，会出现 市 的select，选择 市 以后会出现 区 的select？

如果上面的需求我理解的正确的话，就是：

1. 页面生成的时候，在choosetype旁边隐藏一个select(choosetype2)

2. 然后onChange事件监听choosetype

3. 在onChange中根据获取的值来判断是否需要显示choosetype2，如果需要则显示，如果不需要则隐藏

如果需要根据选择来改变choosetype2的options的话，也是在onChange里面进行改变

Answer 4

数据结构简单的可以在第一个下拉框选中后改变第二个下拉框的option；

[
    "A": ["A","B","C"],
    "B": ["E","F","G"],
    "C": ["H","I","J"]
]

稍复杂可以在select onchange的时候发ajax拿下一级数据并填充
更复杂的可以考虑借助插件。这里贴一个我昨天刚写好的，可以作为参考。
IOS-selector