Question

在Django模板中有一个如下所示的选择元素：

<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();

并且它实际上是克隆的但不幸的是，禁用了克隆行中的select元素。我知道在AngularJS selectpicker中有一个选项'refresh'，可以执行这样的操作。在easydropdown中 - 有这样的事情。但也许有另一种通用的解决方法？

Answer 1

请你做这样的事情：

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

我希望这会对你有所帮助。

如何在通过JQuery克隆时启用select？

1 个答案: