使用select onchange事件刷新jquery滑块
Refresh jquery slider with select onchange event
我有一个包含多个字段的表单,其中包括一个jquery滑块和一个选择下拉框。目前,当我更改下拉列表的选择时,我会通过以下javascript清除其他几个字段的值:
function clearVolumes() {
document.getElementById('size').value = "";
document.getElementById('amount').value = "";
document.getElementById('hardwood_testet').value = "";
}
我用onchange称之为
<select id="catbiomass" name="categories[]" onchange="clearVolumes()" />
这对我来说效果很好。然而,表单中有一个jquery滑块(我通过SO找到的),我也试图用这个onchange将其刷新为零,但没有成功。滑块的jquery是:
$( "#hardwoodslider" ).slider({
range: "min",
min: 0,
max: 100,
step: 5,
value: 0.00,
slide: function( event, ui ) {
$( "#hardwood_testet" ).val( ui.value );
$(ui.value).val($('#hardwood_testet').val());
}
});
$("#hardwood_testet").keyup(function() {
$("#hardwoodslider").slider("value" , $(this).val())
});
我正在尝试添加以下jquery:
$("#catbiomass").onchange(function() {
$("#hardwoodslider").slider("value" , 0)
});
这不起作用,当我更改选择字段时,滑块不会重置为零。我一直在阅读,这段代码应该可以工作,所以问题是因为我实际上在select字段中调用了两个onchange事件,一个通过javascript,另一个通过jquery?
感谢
我尝试了两种可能的解决方案,它们对我来说都很好:
- 组合两个onChange函数
$("#catbiomass").ochange(function(){document.getElementById('size').value=";document.getElementById('amount').value=";document.getElementById('hardwood_testet').value=";$("#hardwoodslider").滑块("value",0)})
或函数clearVolumes(){document.getElementById('size').value=";document.getElementById('amount').value=";document.getElementById('hardwood_testet').value=";$("#hardwoodslider").滑块("value",0);}
- 请使用".bind"而不是".ochange":
$("#catbiomass").bind('change',function(){$("#hardwoodslider").滑块("value",0);})
你可以在这里查看我的演示。
相关文章:
- jquery滑块在css弹出菜单中工作
- Jquery滑块与Slick滑块
- jQuery滑块淡入淡出
- 根据窗口宽度动态更改jQuery滑块选项
- Jquery滑块在事件更改时更新值
- 如何将jquery滑块设置为自动,而不是点击或悬停在拇指上
- 处理多个jquery滑块
- 如何使用jquery滑块增加日期
- 如何为显示jquery滑块值的文本框设置默认值
- 为简单的jQuery滑块添加自动播放功能
- 如何在jquery ajax响应后设置jquery滑块的起始值
- 带角js的Jquery滑块无法正常工作
- 我将如何使这个小的jQuery滑块向右滑动
- 创建具有点击幻灯片功能的 jQuery 滑块
- jQuery - 滑块不起作用
- iPad中的Jquery滑块问题,在台式机和笔记本电脑中工作正常
- Jquery滑块,如果显示父项,则幻灯片不会全宽:无
- jQuery滑块在第4次单击时重定向
- 根据距离显示/隐藏标记(使用JQuery滑块)
- 使jQuery滑块导航只影响最近的类