jquery自動JSPで複数のパラメータを持つ

Question

私はJSPを使用して、私はjqueryの自動完了と一緒に2つのパラメータを渡したいと思います。私の2番目のパラメータは、選択ボックスの値です。私は次のコードを使用しましたが、オプションの最初の値を取得するだけです。私は選択ボックスの値を返す関数をチェックし、そのページの読み込み時に呼び出されるだけです。私の問題を解決する方法はありますか？

/* inside my page */ 


     jQuery(function() { 
    $("#branch").autocomplete("getbranchdetails.jsp", { 
     extraParams: { 
      filter: getDropdownValue() 
     } 
    }); 
}); 


    function getDropdownValue() { 
    var compId=document.getElementById("company").value; 
    return compId; 
    } 




     /* inside getbranchdetails.jsp */ 

     <% 
     String company=request.getParameter("filter"); 

     System.out.println("company :"+company); 


     getbranchdetails db=new getbranchdetails(); 
     String query = request.getParameter("q"); 
     List<String> agent = db.getData(query,brtype); 
     Iterator<String> iterator = agent.iterator(); 
     while(iterator.hasNext()) { 
     String agents = (String)iterator.next(); 
     out.println(agents); 
     } 
     %> 

私も次のリンクを試みたが、運 http://123code.blogspot.in/2010/09/jquery-autocomplete-plugin-using.html

Answer 1

変更この：

$("#branch").autocomplete("getbranchdetails.jsp"); 
extraParams: { 
    filter: getDropdownValue() 
} 
}); 

012へ

$("#branch").autocomplete("getbranchdetails.jsp", { 
    extraParams: { 
     filter: getDropdownValue() 
    } 
}); 

Answer 2

が...オートコンプリートでhttp://jsfiddle.net/PTeMy/

このjsFiddleをチェックアウトしない、ソースは関数呼び出しのように定義することができます。それを使用すると、必要に応じて自動完成リストを作成できるはずです。例えば

...

HTML

<input id="auto" type="text"> 

must contain.... 
<select> 
    <option value="a">a</option>   
    <option value="b">b</option>   
    <option value="c">c</option>   
    <option value="d">d</option>   
    <option value="e">e</option>   
    <option value="f">f</option>   
    <option value="g">g</option>   
</select>​ 

スクリプト

$(document).ready(function(){ 
    $('#auto').autocomplete({ 
     source: getTags() 
    }); 
}); 

function getTags(){ 
     var tags = [ 
      "ActionScript", 
      "AppleScript", 
      "Asp", 
      "BASIC", 
      "C", 
      "C++", 
      "Clojure", 
      "COBOL", 
      "ColdFusion", 
      "Erlang", 
      "Fortran", 
      "Groovy", 
      "Haskell", 
      "Java", 
      "JavaScript", 
      "Lisp", 
      "Perl", 
      "PHP", 
      "Python", 
      "Ruby", 
      "Scala", 
      "Scheme" 
     ]; 

    tags = $.grep(tags, function(t) { 
     return t.indexOf($('select').val()) > 0; 
    }); 

    return tags; 
} 

​ 

Answer 3

はOPは、プラグインではなく、jQueryのUIのオートコンプリートを使用している

$('#branch').autocomplete('getbranchdetails.jsp', { 
    mustMatch: false 
}); 

$('#branch').setOptions({ 
    extraParams:{filter: function(){return $('#company').val();} 
});