客户端获得服务器控件的ID

简介: 在客户端的javascript脚本里,想操作服务器控件时,先要得到控件的引用。一般先获得服务器控件的在web页中的ID,通过调用documnet 对象的方法,就可以获得服务器控件的引用。 如:在网页定义了一个服务器控件 然后在脚本中可通过语句 var list=document.getElementById("EquipmentList"); 获得了控件的引用,然后就可以操作控件了,如:list.options.length=3; 也可以使用 document.all["EquipmentList"].options.length=3;   一句实现。

在客户端的javascript脚本里,想操作服务器控件时,先要得到控件的引用。一般先获得服务器控件的在web页中的ID,通过调用documnet 对象的方法,就可以获得服务器控件的引用。

如:在网页定义了一个服务器控件

<asp:DropDownList id="EquipmentList" runat="server" Width="96px"></asp:DropDownList>

然后在脚本中可通过语句 var list=document.getElementById("EquipmentList"); 获得了控件的引用,然后就可以操作控件了,如:list.options.length=3; 也可以使用 document.all["EquipmentList"].options.length=3;   一句实现。刚刚学web开发,一直这么用没啥问题。

遇到问题: 定义了一个用户控件,用户控件里面包含包含若干服务器控件,在用户控件中写脚本控制服务器控件。仍然按照 上面的方法做,出错。提示是:document.getElementById("EquipmentList") 为空或不是对象,说明没有找到EquitmentList 控件,没有获得引用。经求教得知,用户控件放在网页上时,其内部的服务器控件的ID会改变,不是在用户控件中定义的那个ID了。 要获得这个ID 要用如下语句:<%=服务器控件名.ClientID%>  ,修改用户控件中脚本代码,用:<%=服务器控件名.ClientID%> 替换原来的ID,如:

var list=document.getElementById("EquipmentList");  换为 var list=document.getElementById("<%=EquipmentList.ClientID%>"); 这样代码运行成功。

目录
相关文章
|
3月前
|
开发框架 JavaScript 前端开发
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
48 8
|
1月前
|
Python
Socket学习笔记(二):python通过socket实现客户端到服务器端的图片传输
使用Python的socket库实现客户端到服务器端的图片传输,包括客户端和服务器端的代码实现,以及传输结果的展示。
140 3
Socket学习笔记(二):python通过socket实现客户端到服务器端的图片传输
|
1月前
|
JSON 数据格式 Python
Socket学习笔记(一):python通过socket实现客户端到服务器端的文件传输
本文介绍了如何使用Python的socket模块实现客户端到服务器端的文件传输,包括客户端发送文件信息和内容,服务器端接收并保存文件的完整过程。
154 1
Socket学习笔记(一):python通过socket实现客户端到服务器端的文件传输
|
1月前
使用Netty实现文件传输的HTTP服务器和客户端
本文通过详细的代码示例,展示了如何使用Netty框架实现一个文件传输的HTTP服务器和客户端,包括服务端的文件处理和客户端的文件请求与接收。
44 1
使用Netty实现文件传输的HTTP服务器和客户端
|
1月前
|
网络协议 Unix Linux
一个.NET开源、快速、低延迟的异步套接字服务器和客户端库
一个.NET开源、快速、低延迟的异步套接字服务器和客户端库
|
1月前
|
网络协议 Java API
【网络】TCP回显服务器和客户端的构造,以及相关bug解决方法
【网络】TCP回显服务器和客户端的构造,以及相关bug解决方法
62 2
|
1月前
|
存储 网络协议 Java
【网络】UDP回显服务器和客户端的构造,以及连接流程
【网络】UDP回显服务器和客户端的构造,以及连接流程
55 2
|
1月前
|
安全 区块链 数据库
|
1月前
|
存储 网络协议 Unix
docker的底层原理一:客户端-服务器架构
本文详细解释了Docker的客户端-服务器架构,包括常驻后台的Docker守护进程、通过命令行接口发送请求的Docker客户端、以及它们之间通过Unix socket或网络接口进行的通信。
24 0
|
2月前
|
开发框架 JavaScript 前端开发
下一篇
无影云桌面