Board logo

標題: [java/VB script] 子視窗改變父視窗的 Select 的值 [打印本頁]
作者: gswdkimo    時間: 2010-12-15 21:56     標題: 子視窗改變父視窗的 Select 的值

很多資料的選取，要求要跳個小視窗出來，選好在塞回去...
ok...一般Text 欄位直接set 回去就好了...

若遇到個 Select 的清單，怎麼塞都塞不進去怎辦?
上網找了一下才發現...
原來要從父視窗的Function 自己塞才可以...
如此這般...那就由子視窗直接呼叫父視窗的Function 並把值塞回去....
大功告成...

以下是找到的Sample...

test.htm
  1. <html>  
  2. <head>  
  3. <title></title>  
  4. <SCRIPT LANGUAGE="JavaScript">  
  5. <!--  
  6. function addoption(str,str1)  
  7. {  
  8.     document.form1.Sel.options[document.form1.Sel.length]=new Option(str,str1);  
  9. }  
  10. //-->  
  11. </SCRIPT>  
  12. </head>  
  13. <body>  
  14. <FORM METHOD=POST ACTION="" name="form1">  
  15. <select name="Sel">  
  16.     <option value="1">1  
  17.     <option value="2">2  
  18.     <option value="3">3  
  19. </select>  
  20. <INPUT TYPE="button" value="新增option" onclick="window.open('test2.htm');">  
  21. </FORM>  
  22. </body>  
  23. </html>  
複製代碼
test2.htm
  1. <FORM METHOD=POST ACTION="" name="form2">  
  2. 欄位顯示：<INPUT TYPE="text" NAME="str1"><BR>  
  3. 欄位值：<INPUT TYPE="text" NAME="str"><BR>  
  4. <input type="button" onclick="set()" value="送出">  
  5. </FORM>  
  6. <SCRIPT LANGUAGE="JavaScript">  
  7. <!--  
  8. function set()  
  9. {  
  10.     window.opener.addoption(document.form2.str.value,document.form2.str1.value);  
  11.     window.close();  
  12. }
  13. //-->  
  14. </SCRIPT>   
複製代碼




歡迎光臨 資訊家電班NO7 (http://imce07.freehostia.com/forums/) Powered by Discuz! 7.2