jQuery在父頁面得到<iframe>引用子…

  1. "jquery-1.3.1.js" type="text/javascript">  
  2.   
  3. "text/javascript">  
  4.   
  5. //查找匹配元素內部所有的子節點(包括文本節點),如果元素是一個iframe,則查找文檔內容  
  6.   
  7. //得到  
  8.   
  9. $(document).ready(function(){  
  10.   
  11. //btn是父頁面中的Button元素  
  12.   
  13. $("#btn").click(function(){  
  14.   
  15. //form1是子頁面中的form元素  
  16.   
  17. alert($("#iframe1").contents().find("#form1").html());  
  18.   
  19. });  
  20.   
  21. });  
  22.   
  23.    
  24. //調用父頁面按鈕能調用子頁面中的按鈕方法  
  25.   
  26. $(document).ready(function(){  
  27.   
  28. //btn父頁面按鈕  
  29.   
  30. $("#btn").click(function(){  
  31.   
  32. //btnSave是  
  33.   
  34. $("#iframe1").contents().find("#btnSave").click();  
  35.   
  36. });  
  37.   
  38. });  
  39.   
  40.    
  41. //得到子頁面中某個元素的值  
  42.   
  43. $(document).ready(function(){  
  44.   
  45. $("#btn").click(function(){  
  46.   
  47. //select:eq(0)得到第一個select下拉列表中值  
  48.   
  49. var txt=$("#iframe1").contents().find("#form1 div select:eq(0)").find("option:selected").text();  
  50.   
  51. alert(txt);  
  52.   
  53. });  
  54.   
  55. });  
  56.   
  57.  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章