javascript - SelectBoxIt - 页面上的多个选择(动态)

Question

如果需要，我有一个页面必须有多个选择框。我正在使用this plugin设置选择框的样式。

$('body').on('click', '.add_option.add_title', function() {
    $('.add_title_option').after($('.add_title_option .controls').html());
});

这是我的 JavaScript，我“克隆”了选择框并将其添加到它后面。

<div class="add_title_option">
    <div class="control-group">
        <label class="control-label" for="title">Title</label>
        <div class="controls">
            <select id="title" name="title">
                <option></option>
                <option value="1">Option #1</option>
                <option value="2">Option #2</option>
                <option value="3">Option #3</option>
                <option value="4">Option #4</option>
            </select>
            <a href="javascript:false;" class="add_option add_title">
                <img src="<?=base_url();?>assets/img/add_options.png" alt="" />
            </a>
        </div>
        <div class="error" id="title_error"></div>
    </div>
</div>

它确实“克隆”了自身，但选择不起作用。

我应该如何通过javascript添加多个选择？

Answer 1

$('body').on('click', '.add_option.add_title', function() {
    $('.add_title_option').after($('#title').clone());
});