0

我是编码新手，所以请轻轻一点 - 这里有：我遇到了一点问题，希望有人能提供帮助。

我有一个动态下拉菜单供人们选择主题，我想重复此选择下拉菜单以允许人们添加更多主题。我可以克隆#subjselect 并将其添加到#another，但是如果他们单击“添加另一个”，它将插入下拉框的2 个副本（并从那里成倍增加）。我很确定这与克隆有关，但我不知道如何一次添加一个。这是代码：HTML：

主要科目

    <div class="select">
    <select id="subject">
    <option value="">Subject</option>
    <option value="math">Math</option>
    <option value="science">Science</option>
    <option value="languages">Languages</option>
    <option value="humanities">Humanities</option>
    <option value="econ">Economics/Finance</option>
    <option value="gmat">GMAT</option>
    <option value="sat">SAT</option>
    </select>

    <select id="topic">
    <option value="">Topic</option>
    </select>
    </div>
    <a href="#" id="another" onclick="Repeat(this)"></br>Add Another Subject</a>

查询：

function Repeat(obj){
    var currentDiv = $(obj).prev('div');
    var dropDown = currentDiv.find('select');
    dropDown.clone().prependTo('#another');
    }
4

1 回答 1

0

查看您的 html 标记，我认为它应该是prev('div')then parent('div')。由于链接在.select此处的 div 之外：

function Repeat(obj) {
    var currentDiv = $(obj).prev('div');
    var dropDown = currentDiv.find('select');
    dropDown.clone().prependTo('#another');
}
于 2013-05-11T17:15:59.470 回答