Javascript 选择清空时不刷新的框，然后添加回选项

Jsfiddle是

我有一个文本框，当用户键入框中的键时，多选框必须刷新其选项

在输入更改时，我使用此代码刷新选择选项

但是，视图没有使用新的选项集刷新

当我移动到某个屏幕时，例如，按ctrl+shift+c打开chrome控制台，视图就会刷新。在firefox中也可以看到同样的行为，选择框不显示过滤的选项，但当我转到firebug控制台并返回时，选择框已刷新其选项。

这是因为您只处理更改事件，而不是像您所说的那样处理输入事件。更改事件仅在元素模糊后激发

更改：

$("body").on("change", "#pattern", textChange)

致：

您也可以从中完全删除更改事件

---

.

当您将焦点移出文本框时，将触发更改事件。请改用keyup事件更改尝试此$body.onkeyup、pattern、textChange。

当文本输入失去焦点时，将触发更改事件。

$("body").on("change", "#pattern", textChange)

$("body").on("input change", "#pattern", textChange)