如何使用 JavaScript 動態創建 C# Select TagHelper

Question

我有一個按鈕，然后單擊時會創建一個表格行，其中包含 select 元素。 我想使用 javascript 動態插入標簽助手。 有沒有辦法通過 javascript 插入 TagHelper 還是我只需要做很長的路並構建 select？

 function createNewRow() {
     var row = `<tr>
     <td><select></select></td>
     <td class="rowControl"><input id="setLeadCheckbox" type="checkbox" /></td>
     <td class="trash-cell"><i class="fa-regular fa-trash-can fa-2x"></i></td>
     </tr>`;

     $('#staffTable').append(row);
 }

我想使用內置的 .NET Core Select Tag Helper

<select asp-for="SelectedEmployeeId" asp-items="Model.Employees"></select>

Answer 1

TagHelper 在服務器端“執行”，它們生成 html，然后發送到瀏覽器。 Javascript 在瀏覽器/客戶端上運行，因此您無法從 javascript 創建 TagHelper 或任何 razor 語法。

Answer 2

你不能那樣做。 TagHelpers被解釋。 換句話說，Razor 必須將它們視為實際標簽才能替換它們。 在這里，它只是一個 JS 字符串，Razor 不會弄亂它。標簽助手根本不會在<script>標簽中提供 output， <script>保持標簽助手不變。

您可以參考此鏈接以使用 JavaScript/jQuery 動態創建下拉列表。