框架中的传值，提供一种思路

最新推荐文章于 2025-11-29 13:42:57 发布

转载最新推荐文章于 2025-11-29 13:42:57 发布 · 1k 阅读

文章标签：

#框架 #textbox #button #input #asp #javascript

.net 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的跨iframe数据传递方案。用户在输入框中输入的内容可以通过按钮触发事件，将输入值传递到另一个iframe中的只读文本框，并触发表单提交。此方法适用于需要在不同iframe间进行简单数据交换的场景。

<frameset cols="25%,75%">
        <frame id="frmQueryCondition" src=TeacherQuery/TeacherQueryCondition.aspx>
        <frame id="frmQueryResult" src=TeacherQuery/TeacherQueryResult.aspx>
    </frameset>
    将TeacherQueryCondition.aspx中的asp:TextBox和asp:Button换成<input type=text id="nptQueryCondition">和<input type=button>
    在TeacherQueryResult.aspx中添加<asp:textbox id="txtTeacherIDorName" runat="server" Width="96px" ReadOnly="True"></asp:textbox>
    在TeacherQueryCondition.aspx中添加如下脚本：
    <script language="javascript">
    //生成SQL语句
    function Query()
    {
         var str = document.getElementById("nptQueryCondition").value;
parent.frames["frmQueryResult"].document.getElementById("txtTeacherIDorName").value= str;
parent.frames["frmQueryResult"].document.forms["Form1"].submit();
    }
    </script>
    这样一来，当用户点击<input type=button>时，<asp:textbox id="txtTeacherIDorName" runat="server" Width="96px" ReadOnly="True"></asp:textbox>就得到了<input type=text id="nptQueryCondition">的value。