C# 开发aspx文件中js获取<asp:label>的数值

embedded/2025/1/19 18:03:38/

想要实现功能:依据窗口的某些参数,打开新窗口来展示其详细信息。

尝试了以下的三种方法,最终还是选择了【第一种】,剩下两种没有实现。

一、通过<a>标签的方式

在合适的位置,通过<a οnclick="OpenDetail('<%=Label.Text%>')">详情</a>;
或者<button οnclick="OpenDetail('<%=Label.Text%>')">详情</button>;触发点击事件,并传参,在js中接收即可。
<script type="text/javascript">
        function OpenDetail(e) {
           alert(e);
        }
    </script>

二、document.getElementById的形式报错,报错 “控件包含代码块(即<%……%>),因此无法修改控件集合” 。网络查询的方法,书写的没有问题,但是就是报错,没有解决(×)。有人说<%=EnabledFileType%>改为<%#EnabledFileType%>,这个我没尝试。也有人说将下面的js从head放到body中就可以了,我简单尝试了一下,不怎么行。还有人说需要在head头中增加 runat=“server” 属性,我也没尝试,或许真的可以。

<script type="text/javascript">function getLabelValue() {// 使用document.querySelector获取元素var label = document.querySelector('#<%= Label1.ClientID %>');if (label) {var value = label.innerHTML;alert('Label的值是: ' + value);}}</script>

三、通过按钮点击,在cs文件中书写按钮点击函数,这样不能精确传参了,功能上不符合要求(×)。 

<asp:Button ID="Button1" runat="server" Text="获取值" OnClick="Button1_Click" />
protected void Button1_Click(object sender, EventArgs e){string labelValue = Label1.Text;Response.Write($"Label 的值为: {labelValue}");}

http://www.ppmy.cn/embedded/155286.html

相关文章

在 JIRA 中利用仪表盘功能生成 Bug 相关图表的手册

引言 JIRA 是 Atlassian 推出的项目管理工具&#xff0c;广泛应用于软件开发、团队协作和问题跟踪。对于开发团队和项目经理而言&#xff0c;能够清晰地了解当前 Bug 状态、优先级分布及进展情况至关重要。JIRA 提供了强大的 仪表盘功能&#xff0c;让用户能够通过各种图表直观…

haproxy+httpd网站架构,实现负载均衡实验笔记

前提准备&#xff1a; 两台httpd&#xff0c;一台haproxy&#xff0c;NFS部署在任意一台httpd上http1&#xff1a;192.168.180.110http2&#xff1a;192.168.180.120&#xff0c;NFShaproxy&#xff1a;192.168.180.100 http&#xff08;两台httpd的操作是一样的&#xff09;…

phaserjs+typescript游戏开发之camera实现

以下是一个使用 Phaser.js 和 TypeScript 实现的示例&#xff0c;包含玩家移动、摄像机跟随并限制在游戏世界范围内的基本功能。 TypeScript 和 Phaser.js 实现的完整代码 安装 Phaser.js&#xff08;使用 npm&#xff09; 首先&#xff0c;确保你已经安装了 Node.js 和 npm…

wsl 使用 docker

直接在 wsl 安装 docker , 有可能会失败&#xff0c;可以通过在 windows 安装 Docker Desktop&#xff0c;然后连接 wsl 进行解决 注意&#xff1a; 1. 需要先安装 wsl 2. 使用时要先启动 docker Desktop, 才能在 wsl 中使用 下载&#xff1a; Docker: Accelerated Containe…

音视频入门基础:RTP专题(4)——FFmpeg源码中,判断某文件是否为SDP文件的实现

一、引言 执行《音视频入门基础&#xff1a;RTP专题&#xff08;2&#xff09;——使用FFmpeg命令生成RTP流》中的“媒体文件转推RTP的FFmpeg命令”会生成一个SDP文件&#xff0c;该文件内容如下&#xff1a; v0 o- 0 0 IN IP4 127.0.0.1 sNo Name t0 0 atool:libavformat 61…

软考高级5个资格、中级常考4个资格简介及难易程度排序

一、软考高级5个资格 01、网络规划设计师 资格简介&#xff1a;网络规划设计师要求考生具备全面的网络规划、设计、部署和管理能力&#xff1b;该资格考试适合那些在网络规划和设计方面具有较好理论基础和较丰富从业经验的人员参加。 02、系统分析师 资格简介&#xff1a;系统分…

2.使用Spring BootSpring AI快速构建AI应用程序

Spring AI 是基于 Spring Boot3.x 框架构建&#xff0c;Spring Boot官方提供了非常便捷的工具Spring Initializr帮助开发者快速的搭建Spring Boot应用程序,IDEA也集成了此工具。本文使用的开发工具IDEASpring Boot 3.4Spring AI 1.0.0-SNAPSHOTMaven。 1.创建Spring Boot项目 …

ACL基础理论

ACL ——访问控制列表 ACL属于策略的一种 ACL访问控制列表的作用&#xff1a; 访问控制&#xff1a;在路由器流量流入或流出的接口上&#xff0c;匹配流量&#xff0c;然后执行设定好的动作&#xff1a;permit&#xff08;允许&#xff09;、deny&#xff08;拒绝&#xff…