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

有时候我们在页面需要使用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="0" width="650" height="420"  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>

时间： 2024-11-02 23:40:00

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

Jquary获取页面控件的值

一 Jquery获得服务器控件值的方法由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<asp:TextBox ID="txtUserID" runat="server"></asp:TextBox> 1. $("#<%=txtUserID.ClientID%>").val(); 2. $("inpu

javascript获取asp.net服务器端控件的值

代码如下: <%@ Page Language="C#" CodeFile="A.aspx.cs" Inherits="OrderManage_A" %> <%@ Register Src="../UserControl/CtrlCalendar.ascx" TagName="CtrlCalendar" TagPrefix="uc1" %> <html>

Xamarin iOS教程之页面控件

Xamarin iOS教程之页面控件 Xamarin iOS 页面控件在iPhone手机的主界面中,经常会看到一排小白点,那就是页面控件,如图2.44所示.它是由小白点和滚动视图组成,可以用来控制翻页.在滚动滚动视图时可通过页面控件中的小白点来观察当前页面的位置,也可通过点击页面控件中的小白点来滚动到指定的页面. 图2.44 页面控件在此图中,小白点对应的当前页被高亮显示.此控件指示内容分为两个页面. [示例2-26]以下将使用页面视图来控制图像的显示.具体步骤如下: (1)创建一个S

.NET后台如何获取前台HMTL控件的值

很多时候我们需要HTML控件,感觉比服务器控件更加简介,清爽,那么如何获取HMTL控件的值呢,请看下面例子: 前台页面代码: <input id="Text1" type="text" name="test" /> 获取值的后台代码:Request.Form["test"];记住这里是使用的name获取它的值. 假如是这个控件: <select id="sel_sex" name=&quo

offline页面开发常用方法及页面控件验证

offline页面开发常用方法及页面控件验证,对一些CheckBoxList操作进行封装,新人可以直接使用该代码. 1.返回上一页网址 /// <summary> /// Description: /// 返回上一页网址 /// Author : 付义方 /// Create Date: 2014-02-09 /// </summary> /// <returns>跳转Url</returns> public string ToRedirect() { //

Js动态获取iframe子页面的高度总结

问题的缘由产品有个评论列表引用的是个iframe,高度不固定于是引发这个总结. 方法1:父级页面获取子级页面的高度给元素设置高度这方法是用在父级页面里的,通过获取子级页面的高度给iframe设置高度涉及了一些兼容问题: IE用attachEvent | 3C用onload来判断子页面是否加载完成. IE用contentWindow | 3C用contentDocument来获取子页面 IE用document.documentElement.scrollHeight(兼容ie6 ie7)|

利用foreach对页面控件的遍历及三目运算符的使用

1.利用foreach对页面控件的遍历及三目运算符的使用利用div将一组CheckBox放在一起用于遍历 <body> <form id="form1" runat="server"> <div> <asp:CheckBox ID="cb_1" runat="server" AutoPostBack="true" Text="我是自动的" o

Winform 获取当前单击的控件名称和向窗体添加控件

Winform如何获取当前单击的控件名称,比如有100个Button 和一个button_Click()的按钮事件 ,分别点击不同按钮后显示所点击的按钮名称?private void button_Click(object sender, EventArgs e) { Button button = (Button)sender; MessageBox.Show(button.Name); } 然后将要实现的按钮绑定该button_Click事件OK. 向窗体添加控件,比如添加一个Button按

MFC获取光标相对于控件所在行

获取光标在控件上所在的行数 /*editControl为Edit Control的变量*/ CPoint point = editControl.GetCaretPos(); //获取光标相对于控件的位置 INT cpxy = editControl.CharFromPos(point); //获取光标位置 INT currentLine = HIWORD(cpxy); //获取光标的行号打印行号检验(行号从0开始) char ch[10]; itoa(currentLine, ch, 10)