Which types of datas can I use in a Jquery autocomplete example in JSP

Question

<%  
    UsrealmManager manager = new UsrealmManager();
    List<Usrealm> realmList = manager.realmlist();
%>
<select name="Realms">
<%for (Usrealm usrealm : realmList) {%>
<option value="<%=usrealm.getUsrealmId()%>"><%=usrealm.getRealmName()%>
</option>
<%}%>
</select>

I have a list of objects in JSP and filling the select tag with them. I need to write an autocomple with Jquery but I cant use realmList on the javascript side. What should I do? I couldnt parse Java Object List to Json.

Answer 1

You can use autocomplete widget from jquery UI ( https://jqueryui.com/autocomplete/ ). With this plugin you can create a javascript array from java pojos and pass it to the autocomplete method.

Using the example on jquery UI sites:

<%  
  UsrealmManager manager = new UsrealmManager();
  List<Usrealm> realmList = manager.realmlist();
%>
<script>
$(function() {
var availableTags = [
    <%for (Usrealm usrealm : realmList) {%>
     { label: '<%=usrealm.getRealmName()%>', value: '<%=usrealm.getUsrealmId()%>' }
    <%}%>
];
$( "#tags" ).autocomplete({
  source: availableTags
});
</script>