select选择框通过js触发change事件
2017-08-01 16:56
190 查看
通过js改变select的值后，并不会触发change事件，在网上找了不少文章都是可以fireEvent()来触发，
经过实验，并不能触发
<body>
<select id="testSelect" onchange="testChange()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
<script>
$(function(){
$("#testSelect").val("2");
$("#testSelect").trigger("change");
})
function testChange(){
console.log("change");
}
</script>
通过上面的trigger，可以成功触发change事件
经过实验，并不能触发
<body>
<select id="testSelect" onchange="testChange()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
<script>
$(function(){
$("#testSelect").val("2");
$("#testSelect").trigger("change");
})
function testChange(){
console.log("change");
}
</script>
通过上面的trigger，可以成功触发change事件
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS控制通过Select选择Gridview
- JS控制通过Select选择Gridview
- js触发select的change事件
- IE6下js通过css隐藏select的一个bug
- JS动态改变select选择变更option的index值
- kettle 6.1 通过JS脚本与SwitchCase结合实现目标步骤选择
- GridView固定表头 - 动态创建模板列 、构造模板选择列触发js方法
- 通过js修改input、select默认字体颜色
- JS动态改变select选择变更option的index值
- select选择option时触发的click事件google不兼容问题
- js实现全国三级城市联动select选择
- js动态创建 select选择框
- 通过INPUT输入值选择SELECT的值
- HTML Select 标签选择后触发jQuery事件代码实例
- 纯js通过class选择元素
- js select option 选中触发事件
- jquery通过扩展select控件实现支持enter或focus选择的方法
- Js通过键盘控制键盘按下和松开触发事件
- MySQL通过Explain查看select语句的执行计划结果触发写操作
- 通过js根据接收的数据控制select标签的默认选择项