从javascript onclick事件按钮调用c函数

call c# function from javascript onclick event button

本文关键字：调用 函数 按钮 事件 javascript onclick      更新时间：2024-06-08

如何使用这样的东西：

<script>
 google.maps.event.addListener(marker, "click", function (e) {
     var infoWindow = new google.maps.InfoWindow({
content: 
'<div><input type="text" id="txt_newpl" value="place name"/>' +
'</br> <input type="button" id="btn_newpl" value="submit" onclick="btn_newpl_Click" /></div>'
         });</script>

c#代码就像这个

    protected void btn_newpl_Click(object sender, EventArgs e)
{...}

如何从javascript事件调用这个c#函数点击

要触发按钮事件，您必须在javascript中添加这行代码。

document.getElementById("btn_newpl").click();

您的按钮必须具有runat="server"和OnServerClick="btn_newpl_Click"属性。

如果问题是input元素位于javascript字符串中，则可以提取input的字符串值，并在客户端连接到字符串

<input type="button" id="btn_newpl" value="submit" 
       OnServerClick="btn_newpl_Click"
       runat="server" />
<script>
var tmp = document.createElement("div");
tmp.appendChild(document.getElementById('btn_newpl'));
google.maps.event.addListener(marker, "click", function (e) {
    var infoWindow = new google.maps.InfoWindow({
       content: 
       '<div><input type="text" id="txt_newpl" value="place name"/>' +
       '</br>'+tmp.innerHTML+'</div>'
    })
});
</script>

请注意，您实际上并没有调用C#函数，您只需触发Web表单上的点击事件，就可以回发到服务器。服务器将确定触发了哪个事件，并执行C#函数。

来源：如何使用javascript 调用代码后按钮点击事件

相关文章：