div에 URL로드

Question

이 스크립트는 IFRAME을 사용하여 콘텐츠를로드하면 페이지의 콘텐츠를로드 할 수 있지만 iframe이 아닌 콘텐츠를로드 할 수 있습니까?

$("#content2").load($(this).attr("page")); 

같은

는

뭔가하지만 난 그 위의 스크립트 작업을 할 수없는 것.

<script type="text/javascript"> 
function loadURL(u) { 
document.getElementById("web-panel").innerHTML = '<iframe src="' + u + '" 
width="100%" height="100%" border="0"></iframe>';}</script> 

<select name="mydropdown" id="url" onchange="loadURL(this.value);"> 
<option value="http://123.com/opt.php?3">opt3</option> 
<option value="http://123.com/opt.php?2">opt2</option> 
<option value="http://123.com/opt.php?1">opt1</option> 
</select> 

<div id="web-panel"></div> 

Answer 1

이 사업부 내로 URL의 내용을로드하려면 jQuery를 아약스 접근법을 사용하려고 할 수있는 IFrame을 사용하지 않고 : (첫 번째 줄과 같이 중요하다 그것은 jQuery 프레임 워크를 포함합니다.)

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 
<script type="text/javascript"> 
function loadURL(u) { 
    $.ajax({ 
     url: u, 
     cache: false 
    }).done(function(data) { 
     $("#web-panel").html(data); 
    }); 
} 
</script> 

<select name="mydropdown" id="url" onchange="loadURL(this.value);"> 
<option value="http://123.com/opt.php?3">opt3</option> 
<option value="http://123.com/opt.php?2">opt2</option> 
<option value="http://123.com/opt.php?1">opt1</option> 
</select> 

<div id="web-panel"></div> 

Answer 2

JavaScript 구문 오류가있는 것 같습니다.

변경 JS 부분은 다음과 같이보고 :

function loadURL(u) { 
    document.getElementById("web-panel").innerHTML = '<iframe src="' + u + 
    '" width="100%" height="100%" border="0"></iframe>'; 
}