Как взять пользовательский ввод и опубликовать его непосредственно в тегах HTML через JavaScript

Question

Я хочу взять пользовательский ввод (адрес сайта) и отправить его непосредственно в тег iframe src. Можно ли это сделать с помощью Javascript или мне нужно будет использовать что-то еще? Может быть вопрос n00b, но не совсем уверен, с чего начать.

<div id="target"> 
    <input id="target"></input> <button class="target">Submit</button> 
</div> 

<div> 
    <iframe src="target address goes here from input"> 
    </iframe> 
</div> 

Answer 1

Да, Javascript может сделать это, метод довольно прост и очевиден:

var iframe = document.getElementById("id-of-iframe"); 
var input = document.getElementById("id-of-input").value; 
iframe.src = input; 

Answer 2

Да, это возможно (но не увидел без JQuery;) Но с JQuery именно таким образом

$(document).on('keyup', 'input[type="text"'. function(event){ 

    if(event.keyCode==13){ // Enter Key 
    // Validate url 

    // Set URL 
    $(('iframe').attr('src', $(this).val()); 
    } 

});