Javascript 如何多次使用下拉列表中的选项

我想知道是否有一种方法可以使用select tag for many下拉列表中的选项。我的html看起来像：

<div id="backGround0"></div>
                        <div id="dropspot0"></div>
                        <p class="ziua0">LUNI<br/>
<select id="zile0">
                            <option value="01">01</option>
                            <option value="02">02</option>
                            <option value="03">03</option>
                            <option value="04">04</option>
                            <option value="05">05</option>
                            <option value="06">06</option>
                            <option value="07">07</option>
                            <option value="08">08</option>
                            <option value="09">09</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                            <option value="16">16</option>
                            <option value="17">17</option>
                            <option value="18">18</option>
                            <option value="19">19</option>
                            <option value="20">20</option>
                            <option value="21">21</option>
                            <option value="22">22</option>
                            <option value="23">23</option>
                            <option value="24">24</option>
                            <option value="25">25</option>
                            <option value="26">26</option>
                            <option value="27">27</option>
                            <option value="28">28</option>
                            <option value="29">29</option>
                            <option value="30">30</option>
                            <option value="31">31</option>
                        </select>
                        <select id="luniAn0">
                            <option value="Ianuarie">Ianuarie</option>
                            <option value="Februarie">Februarie</option>
                            <option value="Martie">Martie</option>
                            <option value="Aprilie">Aprilie</option>
                            <option value="Mai">Mai</option>
                            <option value="Iunie">Iunie</option>
                            <option value="Iulie">Iulie</option>
                            <option value="August">August</option>
                            <option value="Septembrie">Septembrie</option>
                            <option value="Octombrie">Octombrie</option>
                            <option value="Noiembrie">Noiembrie</option>
                            <option value="Decembrie">Decembrie</option>
                        </select>
                            </p>

我想在这些选择标记中添加与上面完全相同的值：

                            <div id="backGround1"></div>
                        <div id="dropspot1"></div>
                        <p class="ziua1">MARTI<br/>
                            <select id="zile1">
                        </select>
                        <select id="luniAn1">
                        </select>
                            </p>

我试过这样做：

function dropDownLists(){
        var zileOptions = $.map($('#zile0 option'), function(e) { return e.value; });
        var luniAnOptions = $.map($('#luniAn option'), function(e) { return e.value; });


    for(var i = 1; i < 7; i++){
        zileToAdd = document.getElementById("zile" + i);
        luniToAdd = document.getElementById("luniAn" + i);

        zileToAdd.append("<option>" + zileOptions + "</option>");
        luniToAdd .append("<option>" + luniAnOptions + "</option>");
    }
}

在这里，我尝试获取第一个select标记的值并添加另一个。但是，我几个月都无法获得期权价值、名称或其他信息……而且两者都没有

zileToAdd.append("<option>" + zileOptions + "</option>");

不起作用：对于选择的标签，例如id=zile+i（天）和id=luniAn+i（第二个下拉列表月），for将再添加这两个下拉列表6次。

您可以尝试html功能

请检查此项

您可以尝试html功能

请检查此演示：

演示：

---

您还可以使用html定义javascript变量：

var options = '<option value="01">01</option>' + 
               '<option value="02">02</option>' + 
               '<option value="03">03</option>';

$('#zile1').append(options);
$('#luniAn1').append(options);

---

类似的方法也应该可以使用。

您还可以使用html定义javascript变量：

var options = '<option value="01">01</option>' + 
               '<option value="02">02</option>' + 
               '<option value="03">03</option>';

$('#zile1').append(options);
$('#luniAn1').append(options);

---

类似的方法也应该可以使用。

您可以在一个文件中添加select块；并在需要的地方包括它们。此链接可能对您有所帮助

---

使用此技术的好处是，它允许您在不同的页面中添加相同的代码。

您可以在一个文件中添加select块；并在需要的地方包括它们。此链接可能对您有所帮助

---

使用此技术的好处是，它允许您在不同的页面中添加相同的代码。

感谢回复，其完美答案：感谢回复，其完美答案：

var options = '<option value="01">01</option>' + 
               '<option value="02">02</option>' + 
               '<option value="03">03</option>';

$('#zile1').append(options);
$('#luniAn1').append(options);