Присвоить переменной внутри фрейма

Question

Посмотрев на несколько дней этот ответ приходит близко, но до сих пор обыкновение исправить мою проблему jQuery: How to assign a variable inside of .html

Я пытаюсь получить vaule текстового поля в ОПЗ части кадра. Я понимаю, что из приведенной выше ссылки, что javascript должен вытащить переменную или рассматривать ее как текст, но после нескольких попыток в течение нескольких дней заставить ее работать. Земли ответ в DIV на странице

<script> 
$(document).ready(function() { 
    $("#q").bind(
     "webkitspeechchange", 
     function(evt) { 
     $('.response').html(
      "<iframe width='625' height='250' border='0' src='/index.php?q=' + INPUT_HERE + ' /><br> voice search vaule:"+ $(this).val()) 
     .fadeIn(); 
}); 
}); 
</script> 

Answer 1

Это работает для меня:

<script> 
$(document).ready(function(){ 
    $('#q').on('webkitspeechchange', function(e) { 
     $('#response').html('<iframe width="625" height="250" border="1" src="/index.php?q=' + $(this).val() + '" /><br> Voice search value: ' + $(this).val()).fadeIn(); 
    }); 
}); 
</script> 

<input type="text" name="q" id="q" x-webkit-speech="x-webkit-speech"> 
<div id="response"></div> 

А вот JS Fiddle

Если вы хотите удалить окружающие div вы можете позвонить $('#response').replaceWith(... вместо $('#response').html(..., но имейте в виду, что последующие поисковые запросы больше не будут работать, потому что #response был удален из DOM.