EasyUI Combobox 的 onChange,onSelect,onClick 事件

EasyUI 中 Combobox 选项发生改变时会触发 onChange,onSelect,onClick,3 个事件。最近要做一个级联的 Combo 菜单,类似于选择地址时让用户填写省,市,区的菜单,选择了省,市菜单相应改变区菜单清空,选择了市后区菜单会相应改变。为实现这个功能在 Combobox 选择事件上纠结了一阵,现总结一下它们的区别。

onChange(newVal, oldVal)

官方文档说当 Combobox 选择项发生改变后触发,参数是选择的新值和之前的旧值。这个事件在用程序改变选项时也触发,在选择相同项目时不触发,在 Combobox load 完新数据选项变为空时也不会触发。

onSelect(item)

官方文档说当用户选择 Combobox 选项时触发,本以为这样在程序改变 Combobox 选项时就不会触发这个事件了,但实际测试得出该事件的触发与 onChange 完全相同,不同的只是它的参数是 Combobox 选中的数据项而 onChange 是选中的新值和旧值。 

onClick(item)

官方文档说当用户点击了一个 Combobox 选项时触发。经测试该事件在用户点击选项时触发,用户重复点击相同选项时也会触发。用程序改变选项和在 Combobox load 完新数据选项变为空时不触发。

你可能感兴趣的:(JavaScript)