javascript - asp.net 范围 slider 上的值工具提示

Question

我如何在 ASP.Net 范围 slider 上向用户提供实时(客户端)值(value)反馈(工具提示或标签都可以)？

我对 ASP 相当陌生，所以这可能只是我缺少的一些非常明显的东西，但在互联网上搜索找不到它。 我想在用户拖动时向用户提供有关范围 slider 当前值的反馈。

我有一个 ASP.Net Range slider ，如下所示:

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

效果很好，并且在拖动到新值完成后会触发后面的 C# 代码，如我所愿。

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

1. 拖动时在拖动位上显示工具提示(对不起，我不知道技术术语)。
2. 拖动时用值更新 label/spam/div。

Answer 1

我已经很长时间没有接触 ASP 了，而且从来没有真正使用过它，但假设你的 ASP 生成或可以生成这样的 HTML 内容:

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

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

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

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