javascript - 如何在通过 JQuery 克隆时启用选择？

Question

在 Django 模板中有一个 select 元素，如下所示:

<select hidden="hidden" id="id_horse{{ field.field.index }}_category" name="horse{{ field.field.index }}_category" class="dropdown" data-settings='{"cutOff":10}'>
    <option value="">--------</option>
    {% for hc in horse_categories %}
            <option value="{{ hc.id }}">{{ hc.horse_category }}</option>
    {% endfor %}
</select>

这个由 JQuery 的 easydropdown 处理，后来的结果是:

<div class="dropdown">
    <span class="old">
        <select hidden="hidden" id="id_horse1_category" name="horse1_category" class="" data-settings="{&quot;cutOff&quot;:10}">
            <option value="">--------</option>

            <option value="1">Jumping</option>

            <option value="2">Endurance</option>

            <option value="3">Dressage</option>

            <option value="4">Polo</option>

            <option value="5">Race</option>

            <option value="6">Arabians</option>

        </select></span><span class="selected">--------</span><span class="carat"></span><div>
            <ul>
                <li class="active">--------</li>
                <li>Jumping</li>
                <li>Endurance</li>
                <li>Dressage</li>
                <li>Polo</li>
                <li>Race</li>
                <li>Arabians</li>
            </ul>
        </div>
</div>

稍后在脚本中我试图克隆包含此选择的元素的问题:

var $horse_row = $('.horse-row').last().clone();

它实际上被克隆了，但不幸的是，克隆行中的选择元素被禁用。我知道在 AngularJS 选择器中有一个“刷新”选项可以执行此类操作。在 easydropdown - 有很多类似的东西。但也许还有另一种通用的解决方法？

Answer 1

你能不能做这样的事情:

var $horse_row = $('.horse-row').last().clone();
$horse_row = $($horse_row).find('select').prop('disabled', false);

希望对您有所帮助。