Question

我目前对我的高级搜索页面有这个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获得的：

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

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

因此，当用户键入内容时，每次使用内容更新textarea时，var SearchTerm都会动态更新。

有人可以提供一些帮助吗？

Answer 1

在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-live-search-plugins/

Answer 2

让我举个例子

<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>

在这里你可以看到，当你输入一个全局变量更新时，还要检查它是否正在运行一个UpdateDIV函数，该函数还给出了用id更新器更新div ...

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

根据html输入的输入更新JS / JQuery变量

2 个答案: