Question

如何设置bootstrap slider slideStop事件以获取slider值，将slider值分配给标签控件，然后点击一下按钮。

ASPX

 <input id="ex13"   type="text" data-slider-selection = "after" data-slider-step="200" data-slider-ticks="[1000, 4000, 8000]" data-slider-ticks-snap-bounds="30" data-slider-ticks-labels='["N1K", "N4K", "N8K"]'/>

JS

$("#ex13").slider().on('slideStop',function(ev){
document.getElementById('<%=lblpricecode.ClientID%>').data("#ex13").val(ev.value)});
fuction()
{
document.getElementById('<%=btnCallPriceSearchQry.ClientID%>').click();
};

Answer 1

您可以使用：

$('#<%=btnCallPriceSearchQry.ClientID%>>').trigger('click');

代码中的问题是：触发点击的功能没有名称！

因此，您可以为您的函数添加名称，如：

        fuction triggerClick()
        {
            document.getElementById('').click();
        }

在调用它之前声明这样的函数或直接在事件处理程序中移动代码：

        $("#ex13").slider().on('slideStop',function(ev){
            document.getElementById('').data("#ex13").val(ev.value);
            document.getElementById('').click();
        });

使用该功能代码：

        fuction triggerClick()
        {
            document.getElementById('').click();
        }

        $("#ex13").slider().on('slideStop',function(ev){
            document.getElementById('').data("#ex13").val(ev.value);
            triggerClick();
        });

当您声明一个没有名称的函数时，请注意您在浏览器控制台中获得的错误：未捕获的ReferenceError：未定义函数。

Answer 2

您还可以使用jquery按id获取元素触发功能可以完成这项工作请参阅： http://api.jquery.com/trigger/

将所有代码放入事件函数中。见下面的例子

$("#ex13").slider().on('slideStop',function(ev){
    $('#<%=lblpricecode.ClientID%>').data("#ex13").val(ev.value);
    $('#<%=btnCallPriceSearchQry.ClientID%>').trigger("click");
});

Answer 3

这是我最终如何排序

$("#ex13").slider().on('slideStop',function(ev){var mypriceinput=document.getElementById("<%=PriceString.ClientId%>");
mypriceinput.value=(ev.value);
document.getElementById("<%=btnCallPriceSearchQry.ClientId%>").click();
});

同时感谢所有

如何触发按钮单击事件来自BootStrap SliderStop

3 个答案: