原版本,无法重复触发change事件
<select id="operation_time_cpu" class="edit-select" name="operation_time_cpu">
<option value="0" selected>无</option>
<option value="1">10 分钟</option>
<option value="2">30 分钟</option>
<option value="3">1 小时</option>
<option value="4">6 小时</option>
<option value="4">24 小时</option>
</select>
将这个下拉框绑定 change 事件之后,当重复点击同一选项时,只有第一次的点击操作才会触发change事件
为了能够使重复点击同一选项时,能够多次触发,需要对 select 进行如下设置
<select id="operation_time_cpu" class="edit-select" name="operation_time_cpu" onmousedown="this.sindex = this.selectedIndex; this.selectedIndex = -1;" onblur="if(this.sindex) this.selectedIndex = this.sindex;" onchange="this.sindex = undefined;">
<option value="0" selected>无</option>
<option value="1">10 分钟</option>
<option value="2">30 分钟</option>
<option value="3">1 小时</option>
<option value="4">6 小时</option>
<option value="4">24 小时</option>
</select>
亲测有效 !!!
当el-cascader使用 :value 赋予了初始值,切换选择其他值 可以正常
触发
@
change
绑定的
事件
方法,但当
再次
选择初始值时,并没有
触发
change
事件
方法。
修改cascader的checkedValue方法可以解决这个
问题
定位源码位置方法
不同源码版本可能位置不同,上图作为参考,定位方法可以使用下面两种
方法一.使用浏览器debugger定位。在自定义的
change
事件
处理方法中,打入debugger标签。当
触发
后,使用下图中 调试键
点击
大约5次后会进入cascader的checkedV
el-
select
如下源码中 tag closable 属性为 el-
select
的 disabled 属性,所有明显不支持。
解决思路(从el-
select
的角度来考虑,其他组件组合的情况暂不考虑)
想要实现某些
选项
是不删除,1、需要tag 不可删除,2、options 不可选择
options 不可选择很好实现,只需要给一个disabled属性。tag 不可删除才是关键。下面是我几种解决思路。
1、 watch 进行监听,当操作不可删除的
选项
时,el-
select
绑定的值
xxxxxxxx3
当你
重复
点击
同一项的时候,你会发现根本不会执行on
change
方法.大家可以依照下面的方法,就可以实现
重复
点击
的时候也能够实现on
change
方法了,如果你们还有更好的方法,欢迎一起交流
var id = document.getElementById("u18");
id.addEventListener('chang
$(".
select
").
change
(function(){
var
select
ed=$(this).children('option:
select
ed').val();
alert(
select
ed);
将以上代码中的$(“.
select
”).
change
(function(){………}); 修改为$(document).on('
change
',".
select
",function(){………}):
var id = document.getElementById("addquerstions");
id.onmousedown = function(){
this.sindex = this.
select
edIndex;
this.
select
edIndex = -1;
id.onmouseout = function() {
在Element UI中,el-
select
下拉框
选中
触发
事件
可以通过监听
change
事件
来实现。当
下拉框
的选中值发生改变时,
change
事件
会被
触发
。
以下是实现el-
select
下拉框
选中
触发
事件
的步骤:
1. 在el-
select
标签上添加
change
事件
监听器,例如:
```html
<el-
select
v-model="
select
edValue" @
change
="handle
Select
Change
">
<!--
下拉框
选项
-->
</el-
select
>
2. 在Vue组件的methods中定义handle
Select
Change
方法,该方法会在
下拉框
选中值改变时被调用,例如:
```
javascript
methods: {
handle
Select
Change
(value) {
// 处理选中值改变的逻辑
console.log("选中的值:" + value);
当
下拉框
的选中值改变时,handle
Select
Change
方法会被调用,并且传入当前选中的值作为参数。你可以在handle
Select
Change
方法中编写相应的逻辑来处理选中值改变后的操作。