Iframe 드롭다운 상자 연동

드롭다운 상자 페이지:


  
  
  
  
   
   
   
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
   
   
   
   <html xmlns="http://www.w3.org/1999/xhtml"> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
   
   
   
   <title> SELECT</title> 
   
   
   
   <script> 
   
   
   
   function fun1(){  
   
   
   
       document.getElementById("iframe1").src="iframe1.html";  
   
   
   
   }  
   
   
   
   </script> 
   
   
   
   </head> 
   
   
   
    
   
   
   
   <body> 
   
   
   
   SELECT1<select id="select1" onchange="fun1();"> 
   
   
   
   <option value="0">--- ---</option> 
   
   
   
   <option value="1"> </option> 
   
   
   
   <option value="2"> </option> 
   
   
   
   <option value="3"> </option> 
   
   
   
   </select> 
   
   
   
   SELECT2<select id="select2" > 
   
   
   
   <option value="0">--- ---</option> 
   
   
   
   </select> 
   
   
   
   <iframe id="iframe1" style="display:none"></iframe> 
   
   
   
   </body> 
   
   
   
   </html>

Iframe 페이지:


  
  
  
  
   
   
   
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
   
   
   
   <html xmlns="http://www.w3.org/1999/xhtml"> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
   
   
   
   <title> SELECT2</title> 
   
   
   
   <script> 
   
   
   
   </script> 
   
   
   
   </head> 
   
   
   
    
   
   
   
   <body> 
   
   
   
   <script> 
   
   
   
   var select1 = parent.document.getElementById("select1");  
   
   
   
   var select2 = parent.document.getElementById("select2");  
   
   
   
    
   
   
   
    
   
   
   
   if(select1.value=="1"){  
   
   
   
       select2.length=1;  
   
   
   
       var ooption = document.createElement("option");   
   
   
   
       ooption.value = "1";  
   
   
   
       ooption.innerHTML=" ";  
   
   
   
       select2.appendChild(ooption);  
   
   
   
       ooption = document.createElement("option");   
   
   
   
       ooption.value = "2";  
   
   
   
       ooption.innerHTML=" ";  
   
   
   
       select2.appendChild(ooption);  
   
   
   
   }  
   
   
   
   else if(select1.value=="2")  
   
   
   
   {  
   
   
   
       select2.length=1;  
   
   
   
       var ooption = document.createElement("option");   
   
   
   
       ooption.value = "1";  
   
   
   
       ooption.innerHTML=" ";  
   
   
   
       select2.appendChild(ooption);  
   
   
   
       ooption = document.createElement("option");   
   
   
   
       ooption.value = "2";  
   
   
   
       ooption.innerHTML=" ";  
   
   
   
       select2.appendChild(ooption);  
   
   
   
   }  
   
   
   
   else if(select1.value=="3"){  
   
   
   
       select2.length=1;  
   
   
   
       var ooption = document.createElement("option");   
   
   
   
       ooption.value = "1";  
   
   
   
       ooption.innerHTML=" ";  
   
   
   
       select2.appendChild(ooption);  
   
   
   
       ooption = document.createElement("option");   
   
   
   
       ooption.value = "2";  
   
   
   
       ooption.innerHTML=" ";  
   
   
   
       select2.appendChild(ooption);  
   
   
   
   }  
   
   
   
   else{  
   
   
   
       select2.length=1;  
   
   
   
   }  
   
   
   
    
   
   
   
   </script> 
   
   
   
   </body> 
   
   
   
   </html>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

양식 제출 후 제출 버튼 비활성화

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Iframe 드롭다운 상자 연동

좋은 웹페이지 즐겨찾기