我是這個 Visual Studio 編碼的新手。我正在嘗試處理下拉按鈕中的點擊事件，以便在同一視圖的“頁眉和頁腳卡”中為我提供一些內容。
到目前為止我有這個
<button type="button" style="margin:5px" class="btn btn-outline-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" >
DATA ANALYTICS
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
我的問題如下。所以我點擊按鈕。然后我想在卡片上顯示一些內容，但我不知道我應該把內容放在哪里（在 cshtml 或 cshtml.cs 中）以及如何處理事件（單擊）。
就我對這段代碼的理解而言，我需要在 div 類中宣告一個 var (id)。
好吧，我現在有點迷失了。
我會很感激你們的任何幫助。
PS 這不是家庭作業問題或類似問題。我只是想更多地了解這種編碼風格。
uj5u.com熱心網友回復：
如果你想點擊Action然后改變div的內容，你可以在href以下呼叫JavaScript函式：
<a class="dropdown-item" href="javascript:MyFunction();">Action</a>
js：
<script>
var id;
function MyFunction() {
//you can change the content of div here,also you can change a js variable here
}
</script>
uj5u.com熱心網友回復：
您必須使用 javascript 在同一頁面上執行此操作。如果你想被重定向到另一個頁面，你可以使用標簽助手，但我認為這不是你想要的。我會這樣做 - 或者我會在錨標簽上放置一個 Id，放置 href="javascript:void(0)" 并在腳本中使用：
<script>
const element = document.getElementById('id');
element.addEventListener('click', onClick);
function onClick(ev) {
ev.preventDefault();
//do rendering logic.
}
</script>
或者在 html 中：
<a class="dropdown-item" href="javascript:void(0)" onclick="javascript:onClickRender();">Action</a>
和腳本
<script>
function onClickRender(ev) {
//Render Logic
}
</script>
對于這種型別的動態渲染，您需要 javascript。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/394413.html