二级下拉菜单自动联动怎么设置的？
编辑：自学文库
时间：2024年03月09日
如： ``` 选项1 选项2 选项3 选项1-1 选项1-2 选项1-3 ``` 2. 使用JavaScript编写代码来实现自动联动的功能。
可以通过监听一级菜单的change事件，当一级菜单的值发生改变时，根据其值动态改变二级菜单的选项。
代码示例： ```javascript document.getElementById('first-dropdown').addEventListener('change', function() { var firstValue = this.value; // 获取一级菜单当前选中的值 // 根据一级菜单的值来动态改变二级菜单的选项 var secondDropdown = document.getElementById('second-dropdown'); secondDropdown.innerHTML = ''; // 清空二级菜单的选项 if (firstValue === '1') { var option1 = document.createElement('option'); option1.value = '1'; option1.text = '选项1-1'; secondDropdown.appendChild(option1); var option2 = document.createElement('option'); option2.value = '2'; option2.text = '选项1-2'; secondDropdown.appendChild(option2); var option3 = document.createElement('option'); option3.value = '3'; option3.text = '选项1-3'; secondDropdown.appendChild(option3); } else if (firstValue === '2') { // 根据需要添加其他选项 } else if (firstValue === '3') { // 根据需要添加其他选项 } }); ``` 以上代码实现了选中一级菜单选项后，二级菜单的选项会根据一级菜单的值动态改变。
根据一级菜单的不同值，可以通过逻辑判断来添加对应的二级菜单选项。
可以根据实际需求进行修改和扩展。