Category: ASP.NET

29 Jun 2016 06:14

Joined:	13/08/2015
Level:	Silver
Points:	102

Points:	4

How to Change TextBox Or Label Value by DropDown SelectedValue Without PageLoad in asp.net

Hi Developers,

I need to Perform following task.
There is a page called sample.i have dropdown list with some City Name.

If i select Chennai in dropdown na Rate Should be 1000
if i Select Mumbai in dropdown na Rate Should be 2000
This is Changes when user Selecting dropdown Value But The Page is did not Loaded.

i need to perform this event Without Pageload.

if anyone of you know please help me to i am done this task.

Thanking You
Paul.S

#766946

29 Jun 2016 06:49

Joined:	20/03/2013
Level:	Gold
Points:	4176

Points:	2

You have to call ajax request client and server page functionality you can redirect the page to another page with ajax request and response will be back to the original event without calling the pageload event of that particular page.

SRI RAMA PHANI BHUSHAN KAMBHAMPATI

#766947

29 Jun 2016 06:52

Joined:	20/03/2013
Level:	Gold
Points:	4176

Points:	0

Below url is an apt solution for your question please refer it.
http://www.codeproject.com/Articles/16751/Implementing-AJAX-in-your-Applications-How-Simple

SRI RAMA PHANI BHUSHAN KAMBHAMPATI

#766953

29 Jun 2016 07:43

Joined:	05/06/2009
Level:	Gold
Points:	10245

Points:	4

If you want to handle this in the Javascript dropdown, you can use the property "dependentvalue"
Following is the way to add the dependent values in the dropdown control. You can add the multiple value using the ";" splitter.


 var oOption = document.createElement("OPTION");
 oOption.value = value;
 oOption.setAttribute("dependentvalue", "Your value");
document.getElementById('DDControl').options.add(oOption);

you can get the dependent value as follows


obj[obj.selectedIndex].getAttribute("dependentvalue").split(';');

By Nathan
Direction is important than speed

#766961

29 Jun 2016 22:19

Joined:	13/06/2007
Level:	Gold
Points:	21327

Points:	4

according to Page life cycle, when you execute any request (postback) page gets destroyed and re-created again, and the code you write on server side (code behind) is executed after page_load only, so here I think you have write code on 'combo_selectedIndexChanged' event
To avoid postback either you need to use UpdatePanel or use client side scripting to fill gridview
UpdatePanel controls work by specifying regions of a page that can be updated without refreshing the whole page. This process is coordinated by the ScriptManager server control and the client PageRequestManager class
use below link
http://ajax.net-tutorials.com/controls/updatepanel-control/

Thanks
Koolprasd2003
Editor, DotNetSpider MVM
Microsoft MVP 2014 [ASP.NET/IIS]

#766962

29 Jun 2016 22:40

Joined:	03/05/2013
Level:	Gold
Points:	15822

Points:	4

Hi Paul,

As per my understanding you want to stop the post back of the page after selecting item in dropdown, my suggestion use AJAX UpdatePanel and use Triggers for stop to postback, use AsyncPostBackTrigger template and pass the EventName which event you want to stop postback.

Ex:


<asp:UpdatePanel ID="upCancel" runat="server" UpdateMode="Always">
                    <ContentTemplate>
                        <asp:ImageButton ID="btnCancelYes" OnClick="btnCancelYes_Click" runat="server"
                            ImageUrl="~/Images/btnyes.jpg" />
                        <a href="javascript:void(0)" onclick="closepopup()">
                            <img src="~/Images/btnNo.jpg" style="border: 0px" align="right" /></a>
                                            </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btnCancelYes" EventName="Click" />
                    </Triggers>
                </asp:UpdatePanel>

Use the above sample and implement the same in your case.

--------------------------------------------------------------------------------
Give respect to your work, Instead of trying to impress your boss.

N@veen
Blog : http://naveens-dotnet.blogspot.in/

#766965

30 Jun 2016 02:38

Joined:	15/12/2015
Level:	Gold
Points:	1308

Points:	4

Hi,
You do this using javascript.
First make AutoPostBack property =false for dropdown and call javascript function onchange as follows.


 <script type="text/javascript">
        function xyz()
        {
            document.getElementById("TextBox1").innerText = document.getElementById("ddlDemo").value;
        }
    </script>
 <asp:DropDownList runat="server" ID="ddlDemo" AutoPostBack="false" onchange="javascript:return xyz();">
               <asp:ListItem Text="" />
                <asp:ListItem Text="text1" />
                <asp:ListItem Text="text2" />
 </asp:DropDownList>

#766966
30 Jun 2016 02:55

Joined: 13/08/2015
Level: Silver
Points: 102
Points: 1

Joined:	13/08/2015
Level:	Silver
Points:	102

Points:	1

Thanks , thanks a lot for all of your Kindful replies dear friends.
You are always helping me.

#766978
30 Jun 2016 21:48

Joined: 29/05/2009
Level: Gold
Points: 10380
Points: 4

Joined:	29/05/2009
Level:	Gold
Points:	10380

Hi
Paul

you can use client side script(Jscript) for this task
I work and post this code try and let me know.




<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script>

        function Jscriptvalues() {
            var cval = document.getElementById("DDLCITY").value;
            if (cval == 1) {
                document.getElementById("TxtAmount").value = 1000;
            }
            else {
                if (cval == 2) {
                    document.getElementById("TxtAmount").value = 2000;
                }
            }
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:DropDownList ID="DDLCITY" runat="server" onchange="return Jscriptvalues();">
        <asp:ListItem Text="-Select-" Value="0">-Select-</asp:ListItem>
        <asp:ListItem Text="Chennai" Value="1">Chennai</asp:ListItem>
        <asp:ListItem Text="Mumbai" Value="2">Mumbai</asp:ListItem>
    </asp:DropDownList>
        <asp:TextBox ID="TxtAmount" runat="server"></asp:TextBox>
    </form>
</body>
</html>

Name     : Dotnet Developer-2015
Email Id : kumaraspcode2009@gmail.com

'Not by might nor by power, but by my Spirit,' says the LORD Almighty.

How to Change TextBox Or Label Value by DropDown SelectedValue Without PageLoad in asp.net

About dotnetspider.com

Quick Links

General

Services