LAYUI 在iframe子页面，调用父页面的form.render()方法，刷新在子页传来的下拉值。

最新推荐文章于 2024-06-11 20:31:03 发布

雷小扬

最新推荐文章于 2024-06-11 20:31:03 发布

阅读量278

点赞数 4

文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/leiyanglove/article/details/136564036

版权

父页面：

 <div class="layui-card" style="width: 100%">
     <iframe id="mapFrame" width="960px" height="665px"         
              src="/backend/workorder/positionPicker4" frameborder="0" scrolling="no" 
              class="x-iframe">    
    </iframe>
</div>



<script>
    layui.use(
      ['form'], function() {
         var form = layui.form;
         //用于子页面的操作刷新下拉
         window.refreshSelect =  function (data){
         $('#order_engineerId').val(data);
            form.render('select');
         }
      }
    )
</script>

子页面：

form.on('submit(comfirm)', function(data) {
            //找到父页面，工程师select元素，并赋值，之后
            window.parent.refreshSelect(data.field.order_engineerId);
        });