在page_load事件上调用javascript函数

时间:2012-09-07 10:03:20

标签: javascript asp.net

在asp.net网站上,在 .aspx 里面,我有以下代码

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

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

Page_Load

内的代码隐藏文件
content.InnerHtml = MyClassObject.MyMethod(...);

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;

每当我从下拉列表中选择任何选项时,它都会在文本框t1中反映其值。 但在页面加载时,文本框仍为空。我不能使用默认值,因为下拉列表的值在运行时会发生变化。 如何在页面加载时将下拉列表的第一个值添加到文本框t1?

2 个答案:

答案 0 :(得分:1)

在javascript中的onload函数中,您可以在drowdownlist中获取当前选定的值,如下所示:

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

答案 1 :(得分: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