小编pap*_*iry的帖子

所以我在屏幕上有一个菜单,其中有几个相同的盒子 - 唯一的区别是盒子的编号不同.

<div id="1">
    <select name="option1">
        <option value="1">foo</option>
        <option value="2">bar</option>
    </select>
</div>

<div id="2">
    <select name="option2">
        <option value="1">foo</option>
        <option value="2">bar</option>
    </select>
</div>

每个div都是900行代码,每当我改变时我都要改变每个div - 写一个for循环并使用document.write完成只写一次div(并减小文件大小)的最佳方法？

var divCode

for (var i=1; i < 7; i++){
 divCode +='
   <div id="'+i+'">
   <select name="option'+i+'">
   <option value="1">foo</option>
   <option value="2">bar</option>
   </select>
   </div>'
}
document.write('divCode')

或者javascript中有更好的方法吗？我想有一个,考虑到编写900行连接字符串代码并不好玩(或有效).