Call javascript function on page_load event

Question

In asp.net website, inside .aspx i have following code

<script type="text/javascript">
    function callme(option) {
        document.getElementById("t1").value = option;
    }
</script>
<div id="content" runat="server"></div>

<input type="text" id="t1" />

On code behind file inside Page_Load:

content.InnerHtml = MyClassObject.MyMethod(...);

Inside MyClass:

public String MyMethod(...)
{
   ... //some code
   String str1 ="<select id=\"s1\" onchange=\"callme(this.value)\">" +
                    "  <option value=\"1\">One</option>"+
                    "  <option value=\"2\">Two</option>" +
                    "  <option value=\"3\">Three</option>" +                          
                    "</select>";
   ... // some code
   return str1;

Whenever i select any option from dropdownlist it reflects its value inside the textbox t1. But at page load the textbox remains empty. I cannot use default value as the values of the dropdownlist are changing at runtime. How can I add first value of dropdownlist to textbox t1 on page load?

what do you mean "the values of the dropdownlist are changing at runtime"? and how do they change? — codingbiz
– codingbiz, Commented Sep 7, 2012 at 10:26
this method "MyMethod()" connects to database and fetches value from there. Its a generic method. Thats why according to parameters passed values building the String str1 changes. — Prasad Jadhav
– Prasad Jadhav, Commented Sep 7, 2012 at 10:32

nunespascal · Accepted Answer · 2012-09-07 10:11:17Z

1

In your onload function in javascript you get the currently selected value in a drowdownlist as follows:

var s1 = document.getElementById("s1");
var selectedVal = s1.options[s1.selectedIndex].value;

answered Sep 7, 2012 at 10:11

nunespascal

17.7k2 gold badges45 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Adi Lester · Accepted Answer · 2012-09-07 11:41:33Z

1

<script type="text/javascript">
function BuyG2() {
    alert('Hai Jquery');
}
</script> //jquery in sourse

protected void Page_Load(object sender, EventArgs e)
{
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "tmp",
        "<script type='text/javascript'>BuyG2();</script>", false);
} //ASP Button Click Events

edited Sep 7, 2012 at 11:41

Adi Lester

25.4k13 gold badges100 silver badges114 bronze badges

answered Sep 7, 2012 at 10:12

karthi

4704 silver badges15 bronze badges

Collectives™ on Stack Overflow

Call javascript function on page_load event

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related