使用c#和razor设置html元素的id

使用C#和Razor设置HTML元素的ID可以通过在Razor视图中使用C#代码来实现。以下是一个示例：

@{
    var elementId = "myElement";
}

<div id="@elementId">This is a div element with ID "myElement"</div>

在上面的示例中，我们使用了一个C#变量elementId来存储要设置的HTML元素的ID。然后，我们在<div>标签的id属性中使用了@elementId来引用这个变量。

这样，生成的HTML代码将包含一个具有指定ID的<div>元素。

关于C#和Razor的更多信息，可以参考以下链接：

C#官方文档：https://docs.microsoft.com/en-us/dotnet/csharp/
Razor官方文档：https://docs.microsoft.com/en-us/aspnet/core/mvc/views/razor?view=aspnetcore-6.0

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
腾讯云数据库（MySQL、SQL Server、MongoDB等）：https://cloud.tencent.com/product/cdb
腾讯云网络安全（WAF、DDoS防护）：https://cloud.tencent.com/product/saf
腾讯云CDN加速（CDN）：https://cloud.tencent.com/product/cdn
腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
腾讯云云监控（Cloud Monitor）：https://cloud.tencent.com/product/monitor
腾讯云云审计（Cloud Audit）：https://cloud.tencent.com/product/cloudaudit
腾讯云云安全中心（Cloud Security）：https://cloud.tencent.com/product/ssc
腾讯云云市场（Cloud Marketplace）：https://market.cloud.tencent.com/

页面内容是否对你有帮助？

有帮助

没帮助

使用c#和razor设置html元素的id

c#、asp.net-mvc、razor

从本质上讲，我让表的每个循环都显示新行。一行中有一个名称，所以我想给td标记一个Id "CatName“+i，其中i是循环的迭代。例如，如果我们在循环的第二次迭代中，id将是"CatName2“。在下面发布的代码中，我尝试使用@来调用c#代码，但它只返回编译错误：@{

浏览 5提问于2017-12-18得票数 3

回答已采纳

1回答

如何将带空格的字符串编码为html有效id？

javascript、html、asp.net-mvc、razor、encode

我有class项，其唯一标识符是它们的string字段。我使用Razor(C#)在html中设置了这些元素。我为javascript处理它。我需要将字符串从example“Smith先生”转换为id"{2342-2341-2324-...}“或Base64"92384098230...”。然后使用javascript从编码的字符串中获取值。如何在C#和Javas

浏览 44提问于2021-09-16得票数 0

回答已采纳

1回答

如何在Asp.net MVC3中使用LIstBoxFor和MultiSelectList生成的多选列表框上设置名称属性？

asp.net-mvc、asp.net-mvc-3、razor

下面是我当前在视图中调用助手的方式(使用Razor和C#)：new Dictionary<string, object> { { "id", "measureId" } }) 在form元素中设置&q

浏览 2提问于2011-05-10得票数 3

回答已采纳

2回答

为什么visual studio和javascript找不到Html.EnumDropDownListFor的id？

javascript、asp.net-mvc、visual-studio-2012、razor

我的html中有一个枚举下拉列表，如下所示。@Html.EnumDropDownListFor(model => model.Status, new { @class = "btn btn-default btn-lg dropdown-toggle", id = "enumstatus" }) 当我运行

浏览 1提问于2015-02-21得票数 0

2回答

在ASP.NET中使用@的剃刀视图

c#、asp.net、.net、razor

我知道我们使用@ symbol在C#代码和html代码之间切换，但对于下面这样的代码：{} { <text&g

浏览 0提问于2017-01-22得票数 0

1回答

如何在Razor范围内禁用Razor语法？

c#、razor、asp.net-core-mvc

我想在Razor的作用域中禁用Razor语法，只用于写到HTML的文本@if (expr) <a asp-action="Edit" asp-route-id="@item.Id">Edit</a> |抛出 <

浏览 1提问于2018-09-14得票数 1

回答已采纳

1回答

如何防止ASP.NET核心检测我编写的对布局引擎具有特殊意义的文字文本？

asp.net-core、view

我的看法如下： @if (xyz == abc) Start: }Visual的行为似乎表明"Start:“被解释为对布局引擎具有特殊意义它用绿色的波浪线划线，当我鼠标在上面时，它会显示一个工具提示，上面写着“这个标签没有被引用”。 “开始：”只是我想要被吐在页面上的文字。我不想调用某些特殊的功能。我怎么才能让它明白这一点？

浏览 0提问于2018-10-02得票数 0

回答已采纳

1回答

Razor Html选择/ option在回发时设置选定选项

jquery、html、razor

我有一个html选择与3个选项。我希望能够设置在我的表单回发时选择哪个选项。我使用的是Razor(c#)、Html、Jquery和CSS(如果有用的话)。有什么建议吗？我不喜欢使用jquery，而是使用razor语法，但我知道有些事情是不可避免的。<select name="OS" id="OS"&g

浏览 7提问于2011-02-17得票数 0

1回答

如何在浏览器中代替Javascript使用内联C#

javascript、c#、asp.net、blazor

我刚刚发现微软引入了Blazor，它允许在浏览器中运行C#代码。当我查看一些教程时，似乎需要asp.net核心后端服务器才能工作。如果我能在浏览器中输入C#代码，那就太好了，比如： string myName = "John"; </script

浏览 3提问于2020-01-28得票数 0

回答已采纳

2回答

如果Razor MVC的条件下Html语法不被识别

c#、html、asp.net-mvc-4、razor

下面是我在mvc视图中使用的代码，在提到的if条件中，html代码是不被识别的。Task task in Model.Tasks) <option value="@task.Id" @if (mapping.TaskId == task.Id)

浏览 3提问于2015-04-16得票数 1

回答已采纳

1回答

在mvc视图中是否有其他错误时，会遇到错误

asp.net-mvc-3

这是我的密码 @if (ViewBag.Success != null && ViewBag.Success == true) //Show the message Html.RenderPartial("Message");} { @using (Html.BeginForm("Save", &qu

浏览 6提问于2013-09-13得票数 0

回答已采纳

3回答

我可以在哪里更改VS10中的Asp.net MVC3Razor语法突出显示？

visual-studio-2010、asp.net-mvc-3、syntax-highlighting、razor

我搜索了Tools > Options，但在ASP.NET MVC3中，我可以在VS10的什么地方关闭或更改@nuggets上新剃刀视图的默认突出显示？

浏览 0提问于2011-01-15得票数 23

回答已采纳

1回答

ASP.NET MVC2 Razor -具有超文本标记语言属性的Html.ActionLink

asp.net-mvc-2

请帮帮我我想在我的actionlink中添加html属性，但由于以下错误而无法工作:期望的表达式谢谢

浏览 1提问于2011-11-01得票数 0

3回答

ASP.NET视图可能存在向用户公开DB表名称的漏洞吗？

c#、asp.net-mvc、razor、security

我目前正在学习ASP.NET MVC C#代码。@Html.HiddenFor(model => model.Product.ProductType.Name) 生成的Html

浏览 3提问于2013-06-06得票数 1

2回答

在“格式”中合并2 MvcHtmlString切换

asp.net-mvc、webgrid

grid.Column(format: @Html.ActionLink(@item.Name, "Details", new { id = item.Id }@Html.ActionLink("Start", "Start", new { id = v.Id }) : (v.State == State.Z)@Html.Act

浏览 5提问于2013-08-20得票数 0

回答已采纳

7回答

"razor“和"cshtml”文件有什么区别？

asp.net、razor

ASP.NET中的"razor“和"cshtml”文件有什么不同，我们应该在"razor-components“应用程序中使用".razor”文件而不是".cshtml“吗？

浏览 53提问于2019-04-09得票数 36

2回答

C# MVC属性名到HTML

c#、asp.net-mvc、visual-studio、razor

我知道我可以手动完成这个操作，但是是否有一个内置的函数来将C#的MVC Razor属性名转换为Razor将用作HTML的值？将详细讨论这个问题：string name = Vi

浏览 2提问于2013-10-16得票数 2

1回答

如何从剃须刀到剃须刀在.net毛伊布中访问变量

c#、razor、maui-blazor

在我的共享文件夹中，我有4个剃须刀文件。class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a><button @onclick=toggleButton class=&quo

浏览 2提问于2022-06-13得票数 0

回答已采纳

3回答

使用@或不使用

blazor

在这里：，公认的答案是，是否使用@是基于审美原因的。但在我的用例中，似乎有一个不同之处： @foreach (var task in TasksNotInMeeting) <MudSelectItem Va

浏览 8提问于2021-08-24得票数 2

回答已采纳

3回答

Javascript var作为Razor参数

javascript、c#、jquery、asp.net-mvc、razor

这看起来真的很简单，但我到处都找过了，都找不到简单的方法。我有一个带有搜索按钮的文本框，我正在调用一个操作结果，它将在数据库中搜索与我的文本框中的内容相匹配的值。除了我的操作结果(从javascript click函数内的razor调用)需要文本框(var策略)中的参数，并且我找不到在我的razor操作结果调用中使用该值的方法之外，一切都如预期的

浏览 0提问于2013-03-06得票数 3

回答已采纳

点击加载更多