Javascript 如何在通过JQuery克隆select时启用它?
Django模板中有一个select元素,如下所示:Javascript 如何在通过JQuery克隆select时启用它?,javascript,jquery,Javascript,Jquery,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>
<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>
var $horse_row = $('.horse-row').last().clone();
$horse_row = $($horse_row).find('select').prop('disabled', false);
它实际上被克隆,但不幸的是,克隆行中的select元素被禁用。我知道AngularJS selectpicker中有一个选项“刷新”,可以执行这种操作。在easydropdown中,这样的事情太多了。但也许还有其他通用的解决办法?您能做如下操作吗:
<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>
var $horse_row = $('.horse-row').last().clone();
$horse_row = $($horse_row).find('select').prop('disabled', false);
我希望这会对您有所帮助。我在您生成的html中没有看到任何带有类“horse row”的元素。
。clone(true)
将复制所有事件绑定。Barmar,耶!谢谢虽然现在单击new selects会触发最新选择的下拉列表,但我想这是问题的另一面。再次感谢你,你叫AngularJS。。。为什么不使用select和ng选项呢?jordiburgos,将其命名为示例-唉,这个项目不使用Angular。