在 page_load 事件上调用 javascript 函数答案

【问题标题】：Call javascript function on page_load event在 page_load 事件上调用 javascript 函数
【发布时间】：2012-09-07 10:03:20
【问题描述】：

在 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？

【问题讨论】：

“下拉列表的值在运行时发生变化”是什么意思？以及它们如何变化？
此方法“MyMethod()”连接到数据库并从那里获取值。它是一种通用方法。这就是为什么根据参数传递的值构建 String str1 的原因。

标签： javascript asp.net

【解决方案1】：

在您的 onload 函数中，您可以在下拉列表中获得当前选定的值，如下所示：

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

【讨论】：

【解决方案2】：

<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

【讨论】：