在C＃中檢索html td onClick事件值

Question

我在html中有一張表格，上面有一些這樣的代碼，

<table class="window" style="margin-top: 15px; text-align: center;">
       <tr id="NavMonth">
           <td id="m1" onclick="">
           Jan
           </td>
           <td id="m2" onclick="">
           Feb
           </td>
           <td id="m3" onclick="">
           Mar
           </td>
           <td id="m4" onclick="">
           Apr
           </td>
           <td id="m5" onclick="">
           May
           </td>
           <td id="m6" onclick="">
           Jun
           </td>
       </tr>
</table>

現在基於onClick事件，我想將月份的值存儲在c＃中的變量中。 對於前。 單擊它的id“ m4”，我想將值4存儲在變量中。

任何想法都會有所幫助和贊賞。

謝謝。

Answer 1

click事件與c＃無關，因為它發生在客戶端瀏覽器中。 您可以使用js響應用戶事件。

如果要在服務器端執行操作（在用戶單擊之后），則必須創建一個ajax調用並通過回發發送clicked值。 jQuery的...

服務器端腳本包含單擊的表格單元格的目標是什么？ 處理數據庫中的數據？ 請明確說明....

Answer 2

您可以嘗試這樣的事情：

var table = document.getElementById("NavMonth").
var rows = table.getElementsByTagName("tr");

for (i = 0; i < rows.length; i++) {
    var currentRow = table.rows[i];
    currentRow.onclick = function(){
        alert(currentRow.getAttribute("id"));
    }
} 

單擊一行后，當前行的id值將顯示在警報框中。 這是獲取價值的方法。 使用方式取決於您要執行的操作。 在我看來，將此值存儲在C#中的變量中似乎有些奇怪。 我認為您可能還會想要其他東西。 您可能希望將此值傳遞給服務器，然后根據此值執行其他操作，例如更新數據庫表中行的列的值。 我無法想象你在哪里需要這個。 因此，我無法為您提供有關如何使用它的具體答案。

更新

如何將該值存儲在ac＃變量中，或者如何在onClick事件中調用ac＃函數？

如果您想調用一個C＃函數，而假設您進行了ajax調用。 如果您使用ASP.NET Web表單而不是ASP.NET MVC，則可以避免這種情況。 在這種情況下，建議使用“生名字” 。

Answer 3

首先在aspx中添加asp：HiddenField。 讓此hiddeField具有ID =“ hidden”。

之后，您將使用jquery將onClick事件附加到表的td，並將​​隱藏字段的值設置為當前td的ID。

$(document).ready(function () {

    $('.window td').on('click',function(){
       var idName = this.id;
       $('#hidden').val(idName);
    });
});

最后在您的C＃代碼中：

string text = hidden.Text;//you will remove m part of the Id and you have the number.

請注意，代碼是即時編寫的，可能您應該使用console.log或警報功能檢查javascript。