这次给大家带来JS实现下拉框联动步骤详解,JS实现下拉框联动的注意事项有哪些,下面就是实战案例,一起来看一下。 JS下拉联动 function setSecond(obj){ var val = obj.value; if(val == 'en'){ var sec = document.getElementById('second'); sec.innerHTML = "<option>one</option><option>two</option>"; }else{ var sec = document.getElementById('second'); sec.innerHTML = "<option>一</option><option>二</option>"; } } en zh 使用innerHTML,IE浏览器不支持这种方法的,所以改进方法: JS下拉联动 function setSecond(obj){ var val = obj.value; if(val == 'en'){ var sec = document.getElementById('second'); sec.options[0] = new Option("one","one"); sec.options[1] = new Option("two","two"); }else{ var sec = document.getElementById('second'); sec.options[0] = new Option("一","one"); sec.options[1] = new Option("二","two");//可设置循环配置,也可一个一个配置 } } en zh 可以兼容火狐,IE等相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!推荐阅读:NodeJs手机访问本地服务器案例分析vue中$emit 与$on父子兄弟组件操作详解