将从Jquery对话框中选择的数据获取到父页面

时间:2012-09-13 06:55:26

标签: javascript jquery

我使用JQuery对话框打开包含图像的弹出窗口

<script type="text/javascript"> 
  jQuery(document).ready( function(){       
    jQuery("#btnAddWidget").click( showDialog );

      $myWindow = jQuery('#widgetDialog');

      $myWindow.dialog({ height: 350,
        width: 400,
        modal: true,
        position: 'center',
        autoOpen:false,
        title:'Add Widget',
        overlay: { opacity: 0.5, background: 'black'}
      });
    }
  );

  var showDialog = function() {
    $myWindow.show(); 
    $myWindow.dialog("open");
  }

  var closeDialog = function() {
    $myWindow.dialog("close");
  }
</script>

在对话框中

<div class="headerlinks">
    <input id="btnAddWidget" name="addWidget" value="Add Widget" type="button" />
    <div id="widgetDialog" style="display:none">    
        <img border="0" id="imgRMS" src="sample.jpg" />
        <input id="btnAddToDashboard" name="addToDashboard" value="Add To Dashboard" type="button" />       
    </div>      
</div>

在父页面

<div id="dashboard" class="dashboard">
  <div id="w1" class="column"></div>    
</div>

点击“添加到仪表板”,我希望将图像放在父页面的相应div w1中。 任何人都可以就此提出建议.. ???

1 个答案:

答案 0 :(得分:1)

$("#btnAddToDashboard").click(function(e){
    $("#w1").append($("<img>").attr("src",$(this).prev().attr("src")));
});

<强> Fiddle