一个子窗口向父窗口传值，使父窗口的下拉框选中的例子

最新推荐文章于 2020-05-25 16:22:49 发布
原创 最新推荐文章于 2020-05-25 16:22:49 发布 · 3.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #脚本 #null

本文介绍了一个子窗口向父窗口传递值的例子，通过JavaScript实现父窗口打开子窗口，并在子窗口中设置父窗口下拉菜单的选择项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一个子窗口向父窗口传值，使父窗口的下拉框选中的例子，下面是具体的代码。 

 一：父窗口，使用js打开一个新的窗口，新的窗口将传递一个下拉框的值

<!--Cresting @20080426-->
<html>
<head>
    <style type="text/css">
        body
        {
            font-size: 12px;
        }
        span
        {
            color:red;
        }
    </style>
    <script type="text/javascript">
        var newWin;    //定义全局变量，表示新打开的窗口
        function OpenNewWin()
        {        
            if(newWin == null) //不存在则打开
            {
                newWin = window.open('openWin.htm','newWin','width=400,height=400,menubar=no,location=no,toolsbar=no,status=no');
            }
            else 
            {
                if(newWin.closed) //已关闭，打开
                {
                    newWin = window.open('openWin.htm','newWin','width=400,height=400,menubar=no,location=no,toolsbar=no,status=no');
                }
                else //否则获得焦点
                {
                    newWin.focus();
                }
            }
        }
        
        function ddlSelectedChanged()
        {
            //当值改变时触发该事件，但和别的一样，用javascript赋值时，并不响应该事件
            var showValue = document.getElementById("selectedValue");
            var ddlTest = document.getElementById("ddlTest");
            if(showValue != null && showValue != "undefined")
            {
                showValue.innerHTML = "您选择了:<br>";
                showValue.innerHTML += "SelectedIndex:"+ddlTest.selectedIndex+"<br>";
                showValue.innerHTML += "SelectedValue:"+ddlTest.options[ddlTest.selectedIndex].value+"<br>";
                showValue.innerHTML += "SelectedText :"+ddlTest.options[ddlTest.selectedIndex].text+"<br>";
            }
            else
            {
                alert("Error");
            }
        }
    </script>
</head>
<body>
    <select id="ddlTest" onchange="ddlSelectedChanged();" >
        <option value="000" selected>===</option>
        <option value="111">AAA</option>
        <option value="222">BBB</option>
        <option value="333">CCC</option>
        <option value="444">DDD</option>
    </select>
    <br />
    <br />
    <span id="selectedValue"></span>
    <br />
    <hr />
    <br />
    <input id="btn" type="button" value="Click Here" onclick="OpenNewWin();"/>
</body>

 

二：打开的字窗口，子窗口传一个值给父窗口，父窗口中的下拉框根据这个值选中相应

 

<!--Cresting @20080426-->
<html>
<head>
    <script type="text/javascript">
        function SetSelectedItem(val)
        {
            var ddlTest = opener.document.getElementById("ddlTest"); //父窗口的下拉框
            if(ddlTest != null && ddlTest != "undefined")
            {
                var len = ddlTest.options.length;//用于循环下拉框的所有选项，如果选项值等于传入的值的话，选中该项
                for(i=0; i < len ; i++)
                {
                    if(ddlTest.options[i].value == val)
                    {
                        ddlTest.options[i].selected = true;
                        break;
                    }
                }
            }
            else
            {
                alert("脚本语法错误，请刷新后重试！");
            }
        }
    </script>
    <style type="text/css">
        body
        {
            font-size: 12px;
        }
    </style>
</head>
<body>
    直接写代码：<br />
    <a href="#" onclick="javascript:opener.document.getElementById('ddlTest').selectedIndex = 1">Select the 2nd Value!(SelectedIndex = 1)</a>
    <br />
    <br />    
    调用方法实现：<br />
    <a href="#" onclick="javascript:SetSelectedItem('333');">Select the item that value equals '333'(Value = '333')</a>
</body>
vue 父页面调用子页面方法 返回数据_Vue子页面给父页面传递数据
weixin_39621870的博客
12-19 2442
子页面：子组件传递到父页面export default {name: 'child',data() {return {msg:'子组件数据'}},computed:{addNum(){return this.num*5}},methods:{sendMsg(event){this.$emit('sendmsg',this.msg)this.$emit('addnum',this.addNum)}}...
子页面调用父页面函数、控件
lovegonghui的专栏
01-14 945
有一个页面A，即是父页面： 招聘中试用期 父页面的函数： function searchClick() { $("#selState").val("N"); document.getElementById("lbtnSelect").click(); }   有一个页面B，即是子页面： win
子窗体传值给父窗体的select
08-03
父窗体里面有个select下拉框， 点击按钮弹出子窗体， 子窗体里面是 checkbox 多选框， 选中值后点确定， 子窗体的 checkbox 的内容就传到 父窗体的 select 的选择框去了
子页面向父页面传值----layui
weixin_38728273的博客
01-25 1100
table.on('row(houseAddressTab)', function(obj) { var data = obj.data; var data_houseAddress=data.houseaddressinformation; var data_houseId=data.houseId; var data_propertyArea=data.pro...
关于弹出窗口操作父窗口select列表框的解决方法
见谁爱谁 的专栏
02-11 1056
          不才，用opener.document一直试两个上午都没弄出来，怎么能让弹出窗口操作父窗口的select列表框，不知道 是不是不能怎么操作，不过文本框是没问题的。所以我暂切认为他是不能怎么操作的。         最终不付我的苦心，让我在看电视的时候想到了一个办法，就是 在父窗口里做两个隐藏的input然后让弹出窗口把值写给他们，并却最后关闭前把焦点给父窗口的select。
详解ASP.NET MVC 下拉框的传值的两种方式
12-23
以前使用WebForm变成时，下拉框传值只需直接在后台绑定代码就可以了。现在我们来看看在MVC中DropDownList是如果和接受从Controller传过来的值的。 第一种：使用DropDownList 控制器代码：  public ActionResult ...
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
11-26
例如“报告交付方式”包含固定交付时，第二个下拉框不可编辑，反之可以编辑，具体代码如下 报告交付方式： <select class="easyui-combobox" panelHeight="auto" style="width:195px" data-options="required:...
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
11-22
在我们的案例中，当用户选中弹出窗口中的某个选项时，通常需要监听一个“change”事件。 2. 弹出窗口的显示与隐藏：实现弹出窗口效果需要对页面元素进行显示和隐藏的操作。通过改变元素的CSS属性如display或...
js 动态选中下拉框
10-29
js 动态选中下拉框
Django forms表单 select下拉框的传值实例
09-19
本文将深入探讨如何在Django forms中创建一个包含`select`下拉框的表单，并且理解其传值机制。 首先，我们需要在`forms.py`文件中定义一个自定义的表单类，例如`SignupForm`。在这个类中，我们创建字段（fields），...
利用模态对话框实现父窗体、子窗体间传值
10-22
利用模态对话框实现父窗体、子窗体间传值。 服务器showModalDialog 打开子窗体，子窗体使用客户端脚本和服务器端方法向父窗体传值
子窗体传值给父窗体传值
05-15
在父窗体中点击按钮弹出子窗体，然后在关闭子窗体的时候把子窗体中的相关值回传给父窗体。
vue 子页面调用父页面方法并获取返回值
热门推荐
u013795975的博客
05-25 1万+
在使用子组件调用父组件方法：this.$emit(方法名, 参数1, 参数2)，该方法的返回值是vue对象，而不是父组件方法的return值。此时要用回调函数作为参数，父组件里执行该回调函数，返回值后给子组件，然后子组件再接收。 // 父组件 <template> <List @delCheckFun="delCheckFun"></uploader> </template> <script> export default.
select下拉框选择呈父子状态展示
LuuvyJune的博客
08-14 1465
展示效果： 表结构： 代码： 运用双重循环加判断实现 注：fnc:getCategoryList(1, '', 20, '')是自定义标签实现的方法 <select name="category" id="selectState" style="width: 130px;"> <c:forEach items="${fnc:getCategoryL...
MFC 父窗口和子窗口之间传值
sxnbetter的专栏
03-31 4491
ClinecheckDlg *pDlg = (ClinecheckDlg *)this->GetParent();pDlg->m_exclefilepath=dlg.GetPathName(); 以上代码是在子窗口中，ClinecheckDlg为父窗口。想要将子窗口中的值dlg.GetPathName（它只是个变量，可以看做int a）传递到父窗口中，需要做以下两步： 1、在头文件中引入Lin
js中子页面获取父页面参数，子页面调用父页面方法（一般在iframe页面用的比较多）
hangGe0111的博客
08-08 5363
转载：https://www.cnblogs.com/huangshuqiang/p/5734358.html 1.子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 ...
掌握Qt主窗口核心功能与代码使用
这个文件应该作为学习示例，向初学者展示如何利用Qt提供的API来实现一个功能完备的主窗口。 关于Qt主窗口的详细知识点，我们可以从以下几个方面进行深入探讨： 1. 主窗口类的理解：Qt中有一个特殊的主窗口类...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值