0

我目前对我的高级搜索页面有这个 javascript/ajax 请求

     <script>
//      window.setInterval(function()
//      {
          $(function () 
          {
            var SearchTerm = '<?php echo $_POST['Search']; ?>';
            $.ajax({                                      
                url: 'Ajax/AjaxAdvSearch.php?SearchTerm='+SearchTerm, dataType: 'json',  success: function(rows)        
                {
                $('#output').empty();
                    for (var i in rows)
                    {
                        var row = rows[i];          
                        var id = row[0];
                        var FunctionName = row[1];
                        $('#output').append("<a href='Page.php?ID="+id+"'>"+FunctionName+"</a><br>");
                    } 
                } 
            });       
          });
//      }, 5000);
      </script>

$_POST['Search'];是从 HTML 文本区域获得的：

<textarea name='Search' style='width: 100%; height: 150px;'></textarea><br>

我想在用户每次输入 textarea 时动态更新我的 javascript var，而无需用户按下提交。

因此，当用户键入时，var SearchTerm每次文本区域更新内容时都会动态更新。

谁能提供一些帮助？

4

2 回答 2

0

在 jQuery 中使用 .change() 方法

var variableToUpdate = '';

$('#Search').change(function() {
    variableToUpdate = $(this).val();

    // call your search from within if you want
});

对于搜索时键入的教程和插件...

http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/ http://www.jquery4u.com/plugins/14-jquery-实时搜索插件/

于 2013-03-11T21:02:16.793 回答
0

让我给你一个例子

<html>
<head><style>

</style>

<script>
var DataCon;

function UpdateDIV(){
    document.getElementById('updater').innerHTML=DataCon;
}
</script>
</head><body>
<div id="updater"> 
</div>

<textarea onkeydown="DataCon=this.value;UpdateDIV()"></textarea>

</body>
</html>

在这里你可以看到，当你输入一个全局变量更新时，检查它的工作更新DIV函数也给出了更新带有id更新器的div......

现在只需分配某些变量并完成您的工作

于 2013-03-11T21:18:46.350 回答