asp.net范围滑块上的值工具提示

时间:2016-03-23 16:11:43

标签: javascript asp.net textbox tooltip rangeslider

如何在ASP.Net范围滑块(工具提示或标签很好)上向用户提供实时(客户端)价值反馈?

我对ASP很新,所以它可能只是一些我很想知道的东西,但却无法找到它在互联网上搜索。 我想向用户提供关于范围滑块当前值的反馈,因为他拖动了。

我有一个ASP.Net Range滑块如下:

<asp:TextBox ID="TextBox2" runat="server" OnTextChanged="TextBox2_TextChanged" TextMode="Range" AutoPostBack="true"></asp:TextBox>

并且工作正常,并且在我想要拖动到新值之后它会触发C#代码。

但是,目前用户不知道他选择的值,直到服务器处理完更改后(在哪个代码中我可以更新标签)。那么我如何向用户提供实时(客户端)反馈?滑块上常见的这两种方法中的任何一种都足够了:

  1. 在你拖动的时候,用粗略的工具提示(抱歉不要知道技术术语)。
  2. 在您拖动时使用值更新label / spam / div。

1 个答案:

答案 0 :(得分:1)

我没有触及ASP很长一段时间并且在我做的时候从未真正使用它,但假设你的ASP产生或者可以像HTML一样产生这样的东西:

<input type="range" min="0" max="100" value="100" name="my_range" id="my_range"><span>100</span>

然后,以下jQuery将使用范围的值更新span:

$('#my_range').on("change mousemove", function() {
    $(this).next().html($(this).val());
});

假设您可以在项目中使用jQuery。