jquery自動完成JSP中的多個參數

Question

我使用JSP，我想傳遞兩個參數以及jquery自動完成。我的第二個參數是選擇框的值。我已經使用了下面的代碼，但只獲得了選項中的第一個值。我檢查了返回選擇框值的函數，它只在頁面加載時被調用。有什麼方法可以解決我的問題嗎？

/* 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() 
} 
}); 

到

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

Answer 2

看看這個的jsfiddle ... http://jsfiddle.net/PTeMy/

在自動完成，源可以被定義爲一個函數調用。使用它，你應該能夠建立自動完成列表，無論你想要的。

例如...

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

嘗試......

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

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