如何使用JavaScript更改ASP标签中的值

Question

当文本框值发生更改时，我创建了一个onchange函数。 我能够使用Java使用innerHTML将结果显示到标签中。 但是当涉及到代码背后时，ASP.Net VB无法获取label.text值。 有什么方法可以在此标签中显示结果吗？

<asp:Label ID="lblreserve1" runat="server" text="**HERE**" Visible="true"></asp:Label>
<input type="text" name="reservation-time" id="reservation-time" class="form-control" value="01/01/2016 - 01/25/2016" onchange="myFunction1(this.value)"/>

function myFunction1(reservedate) {
  var x = document.getElementById("reservation-time").value;
  document.getElementById("<% =lblreserve1.clientID %>").innerText = x;
}

MsgBox(lblreserve1.Text)

Answer 1

我认为这是一个XY问题。 我认为您不想更改该标签。

我想您有一个兼职的文本框。 如果标签说一件事，则文本框包含表示一件事的数据。 如果标签上有其他说明，则文本框包含其他数据。 这是完成非常普通的Web UX的一种非常不寻常的方法。

而是创建一系列标签/文本框对，并将其包含在DIV元素中。 隐藏除其中之一以外的所有DIV。 当您希望“更改”标签时，请取消隐藏包含所需标签/文本框的DIV，然后隐藏其他所有内容。

当表单回发到服务器时，所有三个文本框也将回发。 服务器可以知道显示了哪个标签，因为其文本框将包含一个值。 因此，服务器可以推断提交表单时显示的标签的值。