這次帶給大家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父子兄弟元件操作詳解