如何获取Iframe的页面控件的值

时间：2023-01-01 15:38:56

有时候我们在页面需要使用iframe的方法来引用另一个页面，虽然个人建议不要使用iframe哈，但是有些时候是没得法了才使用的咯，那么在使用的过程中也会遇到某一些问题，我将自己遇到的问题记录下来方便以后的朋友在遇到了此问题少走弯路！！！

假如我首页index.hmtl使用了iframe引用了child.html页面代码如下：

<div>

    <div class="panel panel-default">

        <div>

            <div class="panel-body">

                <div class="form-group">

                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">地理位置</label>

                    <div class="col-sm-9">

                    <div>

                        <iframe id="ifram1" name="jw_frame" frameborder="" width="" height=""  src="child.html" allowTransparency="true"  style="background-color=transparent"></iframe>

                    </div>

                        <button type="button" class="btn btn-success" onclick="hajw()">使用当前位置</button>

                        <div class="help-block" style="color:red;">注意：地图上选好了地点后上面的按钮必点，否则获取不到地理位置</div>

                        <input type="hidden" name="loca_lng" id="loca_lng" value="{$reply['lng']}">

                        <input type="hidden" name="loca_sp" id="loca_sp"  value="{$reply['sp']}">

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>
获取child.html页面的值代码：
<script>
function hajw()
{
    var loca= $("#ifram1").contents().find("#lonlat").val();
　　alert(loca);
}
</script>

child.html

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

</head>

<body>

<form action="" method="get">

 值：

  <input id="lonlat" name="lonlat" type="text" readonly="readonly">

  </div>

</form>
获取index.html页面控件的值
<script type="text/javascript">
var lng=window.parent.document.getElementById("loca_lng").value;
var sp=window.parent.document.getElementById("loca_sp").value;
</script>

如何获取Iframe的页面控件的值的更多相关文章

  1. 客户端的javascript改变了asp&period;net webform页面控件的值，后台代码中如何获取修改后的值。

    客户端的javascript改变了asp.net webform页面控件的值,后台代码中如何获取修改后的值.     无论是什么的html控件,只要加上了runat="server&quot ...

  2. js如何获取asp&period;net服务器端控件的值&lpar;label&comma;textbox&comma;dropdownlist&comma;radiobuttonlist等&rpar;

    js如何获取asp.net服务器端控件的值(label,textbox,dropdownlist,radiobuttonlist等) 欢迎访问原稿:http://hi.baidu.com/2wixia ...

  3. Jquary获取页面控件的值

    一 Jquery获得服务器控件值的方法由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<as ...

  4. javascript获取asp&period;net服务器端控件的值

    代码如下: <%@ Page Language="C#" CodeFile="A.aspx.cs" Inherits="OrderManage_ ...

  5. 通过js子页面回写父页面，改变父页面控件的值

    [原]js中实现子页面向父页面中赋值 (方法一) 父页面:<input  id="input1" type="text"/><a href=& ...

  6. 基于Jquery WeUI的微信开发H5页面控件的经验总结（1）

    在微信开发H5页面的时候,往往借助于WeUI或者Jquery WeUI等基础上进行界面效果的开发,由于本人喜欢在Asp.net的Web界面上使用JQuery,因此比较倾向于使用 jQuery WeUI ...

  7. javascript 获取iframe里页面中元素值的方法 关于contentWindow和contentDocumen

    javascript 获取iframe里页面中元素值的方法 IE方法:document.frames['myFrame'].document.getElementById('test').value; ...

  8. asp&period;net后台获取html控件的值

    1.asp.net后台获取前台type=text控件的值 前台:<input name="txtName" class="username" type=& ...

  9. js重写页面之后后台如何获取重写后的控件值

    需求描述:专业分流系统中,学生在选择志愿时,我想实现在页面按照点击相应专业的顺序来设置选专业的志愿,如首先点击“工商”,则工商专业为第一志愿,接着点击“营销”,则营销专业为第二志愿,以此类推.从而达到 ...

随机推荐

  1. &lbrack;已招满，谢谢关注&rsqb;Sogou招聘C&num;开发人员，有意者请进

    职位名称:c#开发工程师 工作地点:搜狐网络大厦 职责:搜狗商业平台桌面产品 职位要求: 1. 计算机或者相关专业本科或以上学历 2. 精通c#,两年以上实际项目开发经验 3. 熟悉C/S开发架构和设 ...

  2. Css-自适应高度修复（高度随内容而自动撑高）

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  3. zoj1492 最大团

    Maximum Clique Time Limit: 10 Seconds      Memory Limit: 32768 KB Given a graph G(V, E), a clique is ...

  4. hdu1251 统计难题 字典树

    Problem Description Ignatius最近遇到一个难题,老师交给他很多单词(只有小写字母组成,不会有重复的单词出现),现在老师要他统计出以某个字符串为前缀的单词数量(单词本身也是自己 ...

  5. HTML问题集锦及笔记

    1.<html>和<body>之间的输出? 加入<p>or<script>均可正常运行 2.<br />换行,用<br>< ...

  6. js模板

    作用 适合用于定义模板(模板容器),不解析(渲染/执行). 为什么这样使用 在js里面,经常需要使用js往页面中插入html内容.比如这样: var number = 123; $('#d').app ...

  7. java可变参数例子：求学生成绩信息，不确定课程数

    可变参数特点: 1)...只能出现在参数列表的最后2)...位于变量类型和变量名之间3)调用可变参数的方法时,编译器为该可变参数隐含创建一个数组,在方法体中以数组的形式访问可变参数 //可变参数也可用 ...

  8. win8下安装ubuntu双系统

    终于成功在win8下安装成功ubuntu13.10, 安装方法来源于http://forum.ubuntu.org.cn/viewtopic.php?t=446557 下面的文件是该楼主的将安装ubu ...

  9. 《C&plus;&plus; primer》--第7章

    删除指针后,该指针就变成了悬垂指针.悬垂指针指向曾经存放对象的内存,但该对象已经不再存在了. 习题7.8 举一个例子说明什么时候应该将形参定义为引用类型.再举一个例子说明什么时候不应该将形参定义为引用 ...

  10. UVa 11426

    首先我们了解一下欧拉函数phi[x],phi[x]表示的是不超过x且和x互素的整数个数 phi[x]=n*(1-1/p1)*(1-1/p2)....(1-1/pn); 计算欧拉函数的代码为 int e ...

相关文章