Javascript在asp.net ListView 中设置标签值

Question

我有一个 asp.net ListView ，其中有一列包含 2 个按钮、一个文本框和标签。

当单击按钮时，将执行 JavaScript 函数。

此函数获取文本框中的值，然后在标签中开始倒计时。

问题是，无论我选择哪一行，它都会从 ListView 的第一行获取值，并在 ListView 的第一行中设置标签。

我已经做了数十次尝试来让它工作，但无法让它使用正确的行。

如何确保它获取并设置正确的值？

谢谢

function countdown() {
      interval = setInterval(function () {
          var lbl = document.getElementById("ctl00_ContentPlaceHolder1_lstViewFormulas_ctrl0_lblCountDown");
          var txt = document.getElementById("ctl00_ContentPlaceHolder1_lstViewFormulas_ctrl0_txtTimeMinutes");


  <asp:Button ID="buttStartTimer" runat="server" OnClientClick="javascript:countdown()" Text="Start" />
  <asp:Button ID="buttStopTimer" runat="server" OnClientClick="javascript:stopcountdown()" Text="Stop" />
  <asp:TextBox runat="server" ID="txtTimeMinutes" Text='<%#Eval("FormulaTiming")%>'></asp:TextBox>
  <asp:Label ID="lblCountDown" runat="server" Text=""></asp:Label>

其他尝试

  <%--<input type="button" onclick='countdown()'; value="Start" id="Start" />
  <input type="button" onclick='stopcountdown()'; value="Stop" id="Stop" />--%>
  <%--<input type="button" onclick='countdown(this.form.TimeMinutes, this.form.spCountDown)'; value="Start" id="Start" />
   <input type="button" onclick='stopcountdown()'; value="Stop" id="Stop" />--%>
  <%-- <input type="button" onclick='<%# Eval("FormulaTiming", "countdown({0});")%>' value="Start" id="Button2" />
  <input type="button" onclick='stopcountdown()'; value="Stop" id="Button3" />--%>
  <%--<input type="text" value='<%#Eval("FormulaTiming")%>' id="txtTimeMinutes" />--%>

Answer 1

你能用jquery代替吗:

为所有按钮指定一个类，然后使用 jquery 查找该类:

$(".myButtonClass").click(function() {
    var buttonID = $(this).attr('id');
    var listViewRowID = buttonID.substring(buttonID.lastIndexOf('_') + 1);
    updateLabel("ctl00_ContentPlaceHolder1_lstViewFormulas_ctr"+listViewRowID+"_lblCountDown")
}

然后只需编写 updateLabel 命令即可更新输入标签

请注意，这还没有经过测试(只是我的想法)