我正在使用引导选择插件(http://silviomoreto.github.io/),并处理更改事件"changed.bs.select“来捕获任何选择更改。根据https://silviomoreto.github.io/bootstrap-select/options/的文档,“此事件在select的值被更改后触发,它通过事件、clickedIndex、newValue、oldValue。”
我想了解newValue和oldValue到底代表了什么。因为在新值为true而oldValue为false的情况下总是如此。
这里有一个小提琴来说明我的观点。
https://jsfiddle.net/muojdbh9/
<select class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
<div class="res">
Waiting for a change event
</div>
jQuery
$(".selectpicker").on('changed.bs.select', function (event, clickedIndex, newValue, oldValue) {
$("div.res").html("newValue: " + newValue + "<BR>oldValue: " + oldValue);
});
发布于 2016-09-20 00:04:20
这不是一个错误。看来,newValue
和oldValue
的行为并不像您所期望的那样。newValue
和oldValue
的操作方式都是相同的。您所看到的布尔值引用所选选项的前一状态和新状态。
true
表示已选定,而false
表示未选定。
如果新选择的选项以前没有处于所选状态,它将返回如下:
newValue: true
和oldValue: false
如果先前选择了所选选项,它将返回如下:
newValue: false
和oldValue: true
,因为它取消了元素的选择。
这一点由caseyjhol在这里处理:
https://github.com/silviomoreto/bootstrap-select/issues/1378/#issuecomment-216393099
发布于 2016-06-13 10:19:40
如果你想让你期待的行为改变
that.$element.trigger('changed.bs.select', [clickedIndex, $option.prop('selected'), state]);
至
that.$element.trigger('changed.bs.select', [clickedIndex, $option.prop('value'), prevValue]);
在引导-select.js中
发布于 2016-02-11 21:26:18
newValue
表示新选择的选项的" selected“属性,而oldValue
表示以前选择的选项的" selected”属性。由于新选项将始终被选中,旧选项将始终被取消选择,因此它们分别返回true和false。这可能是引导select开发人员的一个错误--他们似乎是想传递选项元素本身或选项值,而不是他们的“选择”属性。
https://stackoverflow.com/questions/35349239
复制相似问题