我有一个hidden输入用于使用Select2插件创建一个最好看的下拉列表。这个hidden字段绑定到我的observable，它在值更改时更新observable中的值。但是当我将下拉列表更改为空值时，hidden输入会更新（值为空），但是observable会保留以前的值。
<input type="hidden" id="leader" style="width: 300px" data-bind="value: filter.leader" />
因此，如果我在下拉列表中选择Item 1，则会更新hidden字段和可观察的filter.leader。如果我取消选择Item 1，则只会更新hidden字段。
为什么？
答案 0 :(得分：0)
我发现了这个问题。当我调用$('#control').select2('val','')时，它与Select2插件没有触发更改事件有关。所以，基本上我要做的就是在上一个命令之后调用trigger('change')。
像这样：
$('#control').select2('val','').trigger('change')