javascript访问加runat="server" 的Html控件的方法
2009-07-11 18:00
567 查看
这两天做系统的时候,遇到个问题头疼的要命.我在制作用户控件的时候,
为了让html控件能够在后台访问,我把Html控件加上了runat="server"属性,这样做后台是可以访问了,但是前台Javascript访问的时候,老是提示找不到对象。
我在想是不是这个控件放在UpdatePanel中,还需要加东西。网上也有很多的人说在框架中需要进行类似windows.frames("framename").document.getElementbyId("ControlId")什么的,我就试了试,完全没用 。
后来我查看运行后的脚本时发现在原本我要找的txtSuppler文本框的Id竟然变成了"Wuc_YPRuku1_txtSupplyer",前面加的是我写的控件的名称。
经查资料知道,asp.net为了使用户控件里面的子元素id不至于和其他用户控件的或者页面的子元素id冲突自动把各自的子元素id都加上了用户控件的标识!!
知道这个后,我用document.getElementbyId("Wuc_YPRuku1_txtSupplyer")就可以找到了。
但这样就不具有普遍性了,继续又查资料 ,找到一个好的解决方法:
用ClientID来获取对象,把代码修改为:
var txt= "<%=txtSupplyer.ClientID%>";
var v = document.getElementById(txt).value;
问题解决了。
这里将问题的解决方法提供在这里,以后遇到就可以解决了。
为了让html控件能够在后台访问,我把Html控件加上了runat="server"属性,这样做后台是可以访问了,但是前台Javascript访问的时候,老是提示找不到对象。
我在想是不是这个控件放在UpdatePanel中,还需要加东西。网上也有很多的人说在框架中需要进行类似windows.frames("framename").document.getElementbyId("ControlId")什么的,我就试了试,完全没用 。
后来我查看运行后的脚本时发现在原本我要找的txtSuppler文本框的Id竟然变成了"Wuc_YPRuku1_txtSupplyer",前面加的是我写的控件的名称。
经查资料知道,asp.net为了使用户控件里面的子元素id不至于和其他用户控件的或者页面的子元素id冲突自动把各自的子元素id都加上了用户控件的标识!!
知道这个后,我用document.getElementbyId("Wuc_YPRuku1_txtSupplyer")就可以找到了。
但这样就不具有普遍性了,继续又查资料 ,找到一个好的解决方法:
用ClientID来获取对象,把代码修改为:
var txt= "<%=txtSupplyer.ClientID%>";
var v = document.getElementById(txt).value;
问题解决了。
这里将问题的解决方法提供在这里,以后遇到就可以解决了。
相关文章推荐
- javascript访问加runat="server" 的Html控件的方法
- "控件必须放在具有 runat=server 的窗体标记内"错误的解决方法
- Javascript访问html页面的控件的方法详细分析
- ASP.NET 2.0服务器控件必须放具有runat="server"的窗体标记内
- "控件必须放在具有 runat=server 的窗体标记内"错误的解决方法
- Javascript访问html页面的控件的方法详细分析
- asp.net页面间传值的几种方法 表单提交 传送页面代码 复制代码 <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server
- 解决ASPX页面中WEB控件必须在含有RUNAT="SERVER"中的FORM表单中
- "控件必须放在具有 runat=server 的窗体标记内"错误的解决方法
- Javascript访问html页面的控件的方法详细分析
- asp.net为前台Runat="server"控件设置样式和添加属性
- Javascript访问html页面的控件的方法详细分析第1/2页
- 控件必须放在具有 runat=server 的窗体标记内"错误的解决方法
- 不使用ASP.NET服务器端控件(包括form表单不加runat="server")来触发.cs里的事件(方法),(适用于有代码洁癖者)。
- "控件必须放在具有 runat=server 的窗体标记内"错误的解决方法
- 控件必须放在具有 runat=server 的窗体标记内"错误的解决方法
- Javascript访问html页面的控件的方法详细分析
- 转载--Javascript访问html页面的控件的方法详细分析
- 加了 runat="server"属性的select控件的value和text(实际值和显示文本)
- Javascript访问html页面的控件的方法总结