生成只含有html的多级下拉框
时间: 2023-10-10 09:05:55 浏览: 63
以下是一个只含有 HTML 的三级目录下拉框示例代码:
```html
<select>
<option value="">请选择一级目录</option>
<option value="目录1">目录1</option>
<option value="目录2">目录2</option>
<option value="目录3">目录3</option>
</select>
<select>
<option value="">请选择二级目录</option>
<option value="目录1-子目录1">目录1-子目录1</option>
<option value="目录1-子目录2">目录1-子目录2</option>
<option value="目录2-子目录1">目录2-子目录1</option>
<option value="目录2-子目录2">目录2-子目录2</option>
<option value="目录3-子目录1">目录3-子目录1</option>
<option value="目录3-子目录2">目录3-子目录2</option>
</select>
<select>
<option value="">请选择三级目录</option>
<option value="目录1-子目录1-子目录1">目录1-子目录1-子目录1</option>
<option value="目录1-子目录1-子目录2">目录1-子目录1-子目录2</option>
<option value="目录1-子目录2-子目录1">目录1-子目录2-子目录1</option>
<option value="目录1-子目录2-子目录2">目录1-子目录2-子目录2</option>
<option value="目录2-子目录1-子目录1">目录2-子目录1-子目录1</option>
<option value="目录2-子目录1-子目录2">目录2-子目录1-子目录2</option>
<option value="目录2-子目录2-子目录1">目录2-子目录2-子目录1</option>
<option value="目录2-子目录2-子目录2">目录2-子目录2-子目录2</option>
<option value="目录3-子目录1-子目录1">目录3-子目录1-子目录1</option>
<option value="目录3-子目录1-子目录2">目录3-子目录1-子目录2</option>
<option value="目录3-子目录2-子目录1">目录3-子目录2-子目录1</option>
<option value="目录3-子目录2-子目录2">目录3-子目录2-子目录2</option>
</select>
```
以上代码中,我们用了三个 `<select>` 标签来创建三级目录下拉框,每个下拉框中都有一个空的选项。当用户选择一级目录后,第二个下拉框会根据选择的一级目录动态生成对应的二级目录选项,当用户选择二级目录后,第三个下拉框会根据选择的二级目录动态生成对应的三级目录选项。需要注意的是,这里使用了 `value` 属性来存储目录的信息,可以根据实际情况进行修改。
阅读全文