Question

在找了几天后，这个答案很接近，但仍然无法解决我的问题jQuery: How to assign a variable inside of .html

我正试图将文本框的vaule放入框架的scr部分。我理解，从上面的链接，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中移除。

在iframe中分配变量

1 个答案: