[DOM元素处理] 使用jQuery获取iframe元素的value属性值 IE-firefox可以用
2014-10-07 12:57
851 查看
使用jQuery获取iframe元素的value属性值:
本章节介绍一下如何获取iframe子元素中指定表单元素的value属性值。
这里必须首先要强调一点,这个iframe子元素必须是同域之内。一.子页面的内容:
二.获取代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#antzone").click(function(){
var iframeObj=$(window.frames["iframe_name"].document);
alert(iframeObj.find("#username").val());
})
});
</script>
</head>
<body>
<input type="button" id="antzone" value="查看效果" />
<iframe id="iframe_id" name="iframe_name" src="login.html"></iframe>
</body>
</html>
上面的代码可以获取iframe子页面中input文本框的value属性值。
本章节介绍一下如何获取iframe子元素中指定表单元素的value属性值。
这里必须首先要强调一点,这个iframe子元素必须是同域之内。一.子页面的内容:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> </head> <body> <form method="post" action="#"> 用户名:<input id="username" type="text" name="username" value="softwhy.com"/> 密码:<input type="text" name="password"/> <input type="submit" value="提交"> </form> </body> </html>
二.获取代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#antzone").click(function(){
var iframeObj=$(window.frames["iframe_name"].document);
alert(iframeObj.find("#username").val());
})
});
</script>
</head>
<body>
<input type="button" id="antzone" value="查看效果" />
<iframe id="iframe_id" name="iframe_name" src="login.html"></iframe>
</body>
</html>
上面的代码可以获取iframe子页面中input文本框的value属性值。
相关文章推荐
- Jquery方式获取iframe页面中的 Dom元素
- 使用jquery/js获取iframe父子级、同级获取元素的方法
- Jquery方式获取iframe页面中的 Dom元素
- 使用jquery/js获取iframe父子级、同级获取元素
- iframe给主页面元素赋值【使用jquery获取页面数据】
- 使用JavaScript在IE和Firefox下进行iframe的DOM操作
- Jquery 方式获取 iframe Dom元素
- iframe给主页面元素赋值【使用jquery获取页面数据】 .
- Jquery获取和修改dom元素的属性值
- Jquery 方式获取 iframe Dom元素
- ★★ 总结:获取 Iframe内的元素对象,兼容ie、firefox
- iframe给主页面元素赋值【使用jquery获取页面数据】
- 使用Jquery获取父级iframe、子级iframe元素
- 使用 js / jQuery获取iframe中的元素
- 使用DOM的方法获取所有li元素,然后使用jQuery()构造函数把它封装为jQuery对象
- ★★ 总结:获取 Iframe内的元素对象,兼容ie、firefox
- Jquery 方式获取 iframe Dom元素
- 使用jquery动态修改dom元素属性在IE下的问题
- Jquery 方式获取 iframe Dom元素
- 前端使用Jquery的getJSON方法,后台使用PHP,解决IE和火狐Firefox中存在的跨域ajax请求问题。