none
Изменение текста TextBox в клиентском сценарии asp.net RRS feed

  • Вопрос

  • Здравствуйте.

    Прошу подсказать как изменить программно  текст в элементе TextBox asp.net используя клиентский сценарий при наступлении какого либо события.

     

    Как изменить цвет текст при наведении мыши , благодаря примеру из документации, я разобрался .

    А как изменять сам текст?

    <%@ Page Language="C#" %>
    <html>
    <head runat="server">
      <title>Untitled Page</title>
      <script type="text/javascript">
          var previousColor;
          function MakeRed()
          {
              previousColor = window.event.srcElement.style.color;
              window.event.srcElement.style.color = "#FF0000";
          }
          function RestoreColor()
          {
              window.event.srcElement.style.color = previousColor;
          }
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
          <asp:TextBox ID="TextBox1" runat="server"
    text="TextBox1"  onmouseover="MakeRed();" onmouseout="RestoreColor();" >
          </asp:TextBox>
      
      </form>
    </body>
    </html>


    Фоновое изображение

    25 сентября 2017 г. 7:42

Ответы

  • Благодарю.

    С помощью jQuery нашел решение.

    <%@ Page Language="C#" %>
    <html>
    <head id="Head1" runat="server">
      <title>Untitled Page</title>
     <script src="//yandex.st/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
      var previousColor;
          function MakeRed() {
              previousColor = window.event.srcElement.style.color;
              window.event.srcElement.style.color = "#FF0000";
              $('#TextBox1').val("Навел мышь");
          }
          function RestoreColor() {
              window.event.srcElement.style.color = previousColor;
              $('#TextBox1').val("Отвел мышь");
          }
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
          <asp:TextBox ID="TextBox1" runat="server"
    text="TextBox1"  onmouseover="MakeRed();" onmouseout="RestoreColor();" >
          </asp:TextBox>
      
      </form>
    </body>
    </html>


    Фоновое изображение

    25 сентября 2017 г. 19:23

Все ответы

  • TextBox рендериться как HTML Input, так что вас интересует свойство value
    25 сентября 2017 г. 15:20
  • Благодарю.

    С помощью jQuery нашел решение.

    <%@ Page Language="C#" %>
    <html>
    <head id="Head1" runat="server">
      <title>Untitled Page</title>
     <script src="//yandex.st/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
      var previousColor;
          function MakeRed() {
              previousColor = window.event.srcElement.style.color;
              window.event.srcElement.style.color = "#FF0000";
              $('#TextBox1').val("Навел мышь");
          }
          function RestoreColor() {
              window.event.srcElement.style.color = previousColor;
              $('#TextBox1').val("Отвел мышь");
          }
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
          <asp:TextBox ID="TextBox1" runat="server"
    text="TextBox1"  onmouseover="MakeRed();" onmouseout="RestoreColor();" >
          </asp:TextBox>
      
      </form>
    </body>
    </html>


    Фоновое изображение

    25 сентября 2017 г. 19:23