在 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="{"cutOff":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 - 有很多类似的东西。但也许还有另一种通用的解决方法?
最佳答案
你能不能做这样的事情:
var $horse_row = $('.horse-row').last().clone();
$horse_row = $($horse_row).find('select').prop('disabled', false);
希望对您有所帮助。
关于javascript - 如何在通过 JQuery 克隆时启用选择?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30395342/