As I am using textbox in html tableHow to write common for alll textbox in html table As we use selected index change inaspnet Here how to code lthead runat34server34gt lttitlegtlttitlegt ltscript src34httpajaxgoogleapiscomajaxlibsjquery1111jqueryminjs34 type34textjavascript34gtltscriptgtltscript type34textjavascript34gt documentreadyfunction 34Td034clickfunction

Please refer this code All the Textbox are having the same OnTextChangedEventHTMLlttable style34width 9934gt lttrgt lttd width343334gt Heading1 lttdgt lttd width343334gt Heading2 lttdgt lttd width343334gt Heading3 lttdgt lttrgt lttrgt lttd class34Td034gt ltaspTextBox ID34TextBox134 AutoPostBack34true34 OnTextChanged34Save34 runat34server34gtltaspTextBoxgt lttdgt lttd class34Td134gt ltaspTextBox ID34TextBox234 AutoPostBack34true34 OnTextChanged34Save34 runat34server34gtltaspTextBoxgt lttdgt lttd class34Td234gt ltaspTextBox ID34TextBox334 AutoPostBack34true34 OnTextChanged34Save34 runat34server34gtltaspTe

Use common TextChanged event for Multiple TextBoxes and getx its Text in ASP.Net

sujayana...

SOLVED CLOSED ACTIVE ANSWERED
User: sujayanand
Posted: on Sep 22, 2014 07:04 AM
Forum: ASP.Net Web Forms
Answer: 1
Views: 6275

As I am using textbox in html table.How to write common for alll textbox in html table. As we use selected index change inasp.net. Here how to code ?

<head runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".Td0").click(function () {
            $(".Td0 input").show();
            $(".Td1 input").hide();
            $(".Td2 input").hide();
            $(".Td3 input").hide();
            $(".Td4 input").hide();
            $(".Td5 input").hide();
        });
        $(".Td1").click(function () {
            $(".Td1 input").show();
            $(".Td0 input").hide();
            $(".Td2 input").hide();
            $(".Td3 input").hide();
            $(".Td4 input").hide();
            $(".Td5 input").hide();
        });
        $(".Td2").click(function () {
            $(".Td2 input").show();
            $(".Td1 input").hide();
            $(".Td0 input").hide();
            $(".Td3 input").hide();
            $(".Td4 input").hide();
            $(".Td5 input").hide();
        });
        $(".Td3").click(function () {
            $(".Td3 input").show();
            $(".Td1 input").hide();
            $(".Td2 input").hide();
            $(".Td0 input").hide();
            $(".Td4 input").hide();
            $(".Td5 input").hide();
        });
        $(".Td4").click(function () {
            $(".Td4 input").show();
            $(".Td1 input").hide();
            $(".Td2 input").hide();
            $(".Td3 input").hide();
            $(".Td0 input").hide();
            $(".Td5 input").hide();
        });
        $(".Td5").click(function () {
            $(".Td5 input").show();
            $(".Td1 input").hide();
            $(".Td2 input").hide();
            $(".Td3 input").hide();
            $(".Td4 input").hide();
            $(".Td0 input").hide();
        });
    });
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table style="width: 99%;">
    <tr>
        <td width="33%">
           Heading1
        </td>
        <td width="33%">
            Heading2
        </td>
        <td width="33%">
           Heading3
        </td>
    </tr>
    <tr>
         
        <td class="Td0">
          gfhgfh <!--<input id="Text1" type="time" />-->
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </td>
        <td class="Td1">
          hgfhgf <%--<input id="Text2" type="time" />--%>
          <asp:TextBox ID ="TextBox2" runat="server" ></asp:TextBox>
        </td>
        <td class="Td2">
           hgfhgf<%-- <input id="Text3" type="time" />--%>
             <asp:TextBox ID ="TextBox3" runat="server"
               ></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td class="Td3">
          hgfhgf<%--<input id="Text4" type="time" />--%>
            <asp:TextBox ID ="TextBox4" runat="server" ></asp:TextBox>
             
        </td>
        <td class="Td4">
          hgfhgf <%--<input id="Text5" type="time" />--%>
            <asp:TextBox ID ="TextBox5" runat="server" ></asp:TextBox>
 
        </td>
        <td class="Td5">
          hgfhgf<%-- <input id="Text6" type="time" />--%>
            <asp:TextBox ID ="TextBox6" runat="server" ></asp:TextBox>
        </td>
    </tr>
</table>

Azim

0 12

Reply
ANSWER
User: Azim
Replied: on Sep 23, 2014 07:35 AM
Modified: on Sep 23, 2014 07:36 AM
Report

Please refer this code. All the Textbox are having the same OnTextChangedEvent.

HTML

<table style="width: 99%;">
    <tr>
        <td width="33%">
            Heading1
        </td>
        <td width="33%">
            Heading2
        </td>
        <td width="33%">
            Heading3
        </td>
    </tr>
    <tr>
        <td class="Td0">
            <asp:TextBox ID="TextBox1" AutoPostBack="true" OnTextChanged="Save" runat="server"></asp:TextBox>
        </td>
        <td class="Td1">
            <asp:TextBox ID="TextBox2" AutoPostBack="true" OnTextChanged="Save" runat="server"></asp:TextBox>
        </td>
        <td class="Td2">
            <asp:TextBox ID="TextBox3" AutoPostBack="true" OnTextChanged="Save" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td class="Td3">
            <asp:TextBox ID="TextBox4" AutoPostBack="true" OnTextChanged="Save" runat="server"></asp:TextBox>
        </td>
        <td class="Td4">
            <asp:TextBox ID="TextBox5" AutoPostBack="true" OnTextChanged="Save" runat="server"></asp:TextBox>
        </td>
        <td class="Td5">
            <asp:TextBox ID="TextBox6" AutoPostBack="true" OnTextChanged="Save" runat="server"></asp:TextBox>
        </td>
    </tr>
</table>

protected void Save(object sender, EventArgs e)
{
    TextBox textBox = (sender as TextBox);
    ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "alert('" + textBox.Text + "')", true);
    // you can write the code here to save the data
}

Use common TextChanged event for Multiple TextBoxes and getx its Text in ASP.Net

Company

Explore

Follow us

Contact Us