retrieve value of arraylist in javascript in same page

Question

There is a JSP page in which i have an ArrayList variable. I need these arraylist values(txt1 and txt2) in script tag.I have tried lots of combinations and googling but didnot succeed.

javascript function

function fun1()
{   
   // how to get arraylist values      
}

JSP page:

 <body>
       <%
           ArrayList<String> al= new ArrayList<String>();
           al.add("txt1");
           al.add("txt2");

           out.println("<input type=text id=" + al.get(0) + ">");out.println("<br>");
           out.println("<input type=text id= " + al.get(1) + ">");out.println("<br>");
           out.println("<input type=button id=btn1  value=click onClick=fun1(); > ");
       %>
 </body>

Thanks for reply

madhairsilence · Accepted Answer · 2012-06-28 07:21:21Z

1

Inside javascript you can use Scriplets very well

Assume the list 'arrayList' is having [1,2,3,4] in java (JSP)

you can get the array list by this

function fun1()
{   
   var list = '<%= arrayList %>';
}

if you print the variable list, it will be a string with value '[1,2,3,4]'

You can then split this using Regex or simple string operation

<body>
       <%
           ArrayList<String> al= new ArrayList<String>();
           al.add("txt1");
           al.add("txt2");

           out.println("<input type=text id=" + al.get(0) + ">");out.println("<br>");
           out.println("<input type=text id= " + al.get(1) + ">");out.println("<br>");
           out.println("<input type=button id=btn1  value=click onClick=fun1(); > ");
       %>
 </body>

<script>
 // try the script here
</script>

edited Jun 28, 2012 at 7:21

answered Jun 28, 2012 at 7:14

madhairsilence

3,8904 gold badges41 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Alpesh Prajapati Over a year ago

I tried var list='<%= al %>' , but it gives error saying " al can not be resolved"

madhairsilence Over a year ago

Your jsp code must be above the javascript for the scope to work. Put your JSP Code first and then the javscript code.

bNd Over a year ago

Because scope of array list is local. use scriptlets <%! declarations %> instead of <% declarations %>.

madhairsilence Over a year ago

Dude.. he he.. there is an option called Accept . Please click that. So that , people who see the same problem in future, can direct take the answer instead trying out all the solution :)

Jonas T · Accepted Answer · 2012-06-28 07:17:29Z

0

Try something like this.

<script>
var myArray=new Array();
myArray[0] = '<%= al.get(0) %>';
myArray[1] = '<%= al.get(1) %>';
<script>

answered Jun 28, 2012 at 7:17

Jonas T

3,0954 gold badges35 silver badges45 bronze badges

2 Comments

Jonas T Over a year ago

Try to print out the data of al before you use this code to make sure it has values.

Alpesh Prajapati Over a year ago

yaah. al contains values "txt1,txt2"

Dominik Kirschenhofer · Accepted Answer · 2012-06-28 07:24:23Z

0

You could create a script tag which creates an array in js that holds all you values. I'm not familar with jsp but deppending on oyur code it could look like:

out.println("<script type='text/javascript'>");
out.println("var myJsArray = new Array();");
foreach(var arrayMember in al)
{
    out.println("myJsArray.push(" + arrayMember + ");");
}
out.println("</script>");

In Js just use the array:

function fun1()
{
    var firstArrayMember = myJsArray[0];
    // or whatever you want to do
}

You could also use assoziativ arrays if you have a key for a specific array member.

Hope you got the idea

answered Jun 28, 2012 at 7:24

Dominik Kirschenhofer

1,2151 gold badge14 silver badges28 bronze badges

2 Comments

Musa Over a year ago

Why print code to build the array, when you can just print the array literal?

Dominik Kirschenhofer Over a year ago

As i started to write this answer there was not an other one... As I said I'm not familiar with JSP, just wanted to give him an idea.

Alpesh Prajapati · Accepted Answer · 2012-06-28 08:59:17Z

0

I would have the Java code somewhere else, but if you insist on having it inside your JSP, try having readable HTML and only output Java content using <%=...%> - something like this:

<%
  ArrayList<String> list = new ArrayList<String>();
  list.add("text1");
  list.add("text2");
%>

<body>

  <form ...>
    <input type="text" id="<%=list.get(0)%>" />
    <input type="text" id="<%=list.get(1)%>" />
    <input type="button" id="button1" value="Click" onclick="functionOne();" />
  </form>

  <script type="text/javascript">
    function functionOne() {
      alert(document.getElementById("<%=list.get(0)%>").value);
    }
  </script>
</body>

edited Jun 28, 2012 at 8:59

Alpesh Prajapati

1,6593 gold badges20 silver badges40 bronze badges

answered Jun 28, 2012 at 7:28

Amos M. Carpenter

4,9584 gold badges47 silver badges74 bronze badges

Collectives™ on Stack Overflow

retrieve value of arraylist in javascript in same page

4 Answers 4

4 Comments

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related