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>

ユーザーが送信を押さなくても、ユーザーがテキストエリアに入力するたびにJavaScript変数を動的に更新したい..

そのため、ユーザーが入力している間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>

そして、ここで、グローバル変数の更新を入力すると、それに加えて、id updater で div を更新する UpdateDIV 関数が動作しているかどうかを確認できます...

特定の変数を割り当てて、仕事を終わらせるだけです

于 2013-03-11T21:18:46.350 に答える