如何使用 JavaScript 函数从 ASP.NET AJAX 控件工具包设置滑块控件值？

Question

如何使用 JavaScript 函数从 ASP.NET AJAX 控件工具包中设置滑块控件值？ 这甚至可能吗？

Answer 1

当然是！您必须将与您的SliderExtender 关联的asp:TextBox 控件的值设置为您想要的值。所以对于这个 ASP 标记：

<asp:TextBox ID="sliderBox" runat="server" ClientIDMode="Static"></asp:TextBox>
<asp:SliderExtender ID="sliderBox_SliderExtender" runat="server" Enabled="True" 
    Maximum="100" Minimum="0" TargetControlID="sliderBox">
</asp:SliderExtender>
<asp:Button ID="incButton" runat="server" Text="incrementSlider" 
    onclientclick="change();" />

基本上是：

1. 一个名为sliderBox的asp:TextBox（供SliderExtender使用）
2. asp:SliderExtendersliderBox_SliderExtender（基本上与 默认值）
3. 一个名为 incButton 的 asp:Button。这有一个 onClientClick 属性调用 change() javascript 函数

这里是change() 函数：

<script type="text/javascript">
    function change() {
        document.getElementById("sliderBox").value += 10;
    }
</script>

change() 函数将asp:TextBox 控件中的值增加 10，因此每次单击按钮时都会增加滑块的位置。