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

Question

如何在 ASP.Net 范围滑块（工具提示或标签可以）上向用户提供实时（客户端）价值反馈？

我是 ASP 的新手，所以这可能是我明显遗漏的东西，但无法在互联网上搜索。我想在用户拖动时向用户提供有关范围滑块当前值的反馈。

我有一个 ASP.Net 范围滑块，如下所示：

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

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

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

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。

Value tooltip on asp.net range slider