如何使用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

TagHelpers是"执行"；服务器端，它们生成html，然后将其发送到浏览器。Javascript在浏览器/客户端上运行，因此您无法从Javascript创建TagHelper或任何剃刀语法。

Answer 2

你不能那样做。对CCD_ 1进行了解释。换句话说，Razor必须将它们视为实际标签才能替换它们。在这里，它只是一个JS字符串，Razor不会破坏它。标记助手只是不在<script>标记内提供输出，<script>保持标记助手不变。

您可以参考此链接，使用JavaScript/jQuery动态创建下拉列表。