從javascript onclick事件按鈕調用c＃函數

Question

如何使用這樣的東西：

<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＃函數

Answer 1

要觸發按鈕事件，您必須在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＃函數 ，只需觸發webforms上的click事件，就會完成對服務器的回發 。 服務器將確定哪個事件已被觸發並將執行C＃功能。

來源： 如何使用javascript調用代碼隱藏按鈕單擊事件