Функция JavaScript в iframe src

Question

Я новичок в JavaScript.

У меня есть функция javascript, которая возвращает мне название страны. Теперь я должен поместить это значение в src iframe. Моя функция JavaScript выглядит следующим образом:

<script type="text/javascript"> 
var country = $("#SCountry").val(); 
function getCountry() 
{ 
    var country = $("#SCountry").val(); 
    return country; 

} 
</script> 

Я получаю значение страны, но не может включить его в ГКЗ фрейма. Мой iframe src выглядит следующим образом:

src='https://example.com/?country="javascript:getCountry()"' 

Это не работает.

Answer 1

Вы можете добраться до «содержания» вашего плавающего фрейма, как это (только не забудьте дать идентификатор в плавающий фрейм) Это чистый JS решение:

document.getElementById("iframe_id").contentDocument.getElementById("destination_id").innerHTML = country ; 

И ваш плавающий фрейм тег может выглядеть следующим образом:
<iframe src='https://domain.com/' id="iframe_id">``</iframe>

ИЛИ

с PHP:

JS:

`document.getElementById('iframe_id').src = 'https://domain.com/?country=' + country;` 

PHP внутри фрейма:

$country = $_POST["country"]; 
echo $country; // this echo you can use where you want the result to show up. 

Answer 2

Это установит значение источника описательную фрейма

<script type="text/javascript"> 
var country = $("#SCountry").val(); 
document.getElementById("iframeid").setAttribute("src","https://domain.com/country="+country) 
</script> 

Answer 3

Вы не можете дать яваскрипт кода в IFrame атрибуте Src непосредственно.

Вместо этого вы можете установить ГКЗ фрейма, используя JavaScript, как показано ниже

<iframe id="frame"></iframe> 

<script> 
    window.onload = function() { 
     document.getElementById('frame').src = 'https://domain.com/?country=' + getCountry(); 
    } 
</script> 

В выше подходе мы не ставили атрибут Src первоначально из-за этого ТО ЕСТЬ предупреждения безопасности. Лучше следовать ниже подходу

<iframe src='/images/spacer.png' onload="this.src = 'https://domain.com/?country=' + getCountry();"></iframe> 

<!-- /images/spacer.png meant to be any file. Lesser size is better --> 

Answer 4

Вы не можете просто поместить JavaScript в атрибут HTML. Он не будет оценен. Вместо этого вы должны использовать JavaScript для управления элементом DOM, т. Е. Изменить его свойство src.

<iframe id="myIframe" src=""></iframe> 
<script> 
    document.getElementById('myIframe').src = 
     'https://domain.com/?country=' + getCountry(); 
</script> 

Answer 5

$(function(jQuery){ 
var aURL = $('#myIframe').attr("src"); 
$('#myIframe').attr("src",aURL+''+"Isreal"/*use getCountry() here*/); 
}); 

Может проверить это fiddle из