jQuery select元素“on change”第二次不起作用

Question

我不确定这里的bug是什么。我在json上的每个选项上从服务器获得select box。根据{{​​1}}我正在创建新的表单元素。在第一次选择时，一切正常。但第二个不会触发我的事件处理程序。

json

这是一个jsbin示例。

JSBIN

Answer 1

你有：

var parent = $(this).parents('.form-group').next();
//...
$('.inserted-elm').remove();

$('.inserted-elm')也会选择parent中的元素，这意味着代码会在一半的时间内附加到已删除的元素。要修复它，请交换2个语句：

$('.inserted-elm').remove();
//...
var parent = $(this).parents('.form-group').next();