Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在通过JQuery克隆select时启用它?_Javascript_Jquery - Fatal编程技术网

Javascript 如何在通过JQuery克隆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>

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>
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。