Pass array from JSP as parameter to JavaScript function

Question

I have an array of values that I want to pass in as a parameter to a Javascript function. For instance, something like:

<% ArrayList<String> arr = NodeUtil.getValues(); %>
<input type="button" name="submit" value="Add" onClick="addTextBox('<%= all values in arr %>')"/>

I'm trying to dynamically add textboxes to a div. Their names need to correspond to the values in the array. That is, in my js function I have a loop for:

newdiv.innerHTML = "<input type=\"text\" style=\"width: 235px\" name=\+each value in arr +"\" />

Is this possible?

Doesn't matter jQuery is JavaScript is as well. The solution I gave there can be applied to your problem too. — Felix Kling
– Felix Kling, Commented Aug 16, 2011 at 18:00
@Felix Kling - I hope that's not really waht you think "jQuery is JavaScript". This is like saying C++ is ATL or MFC, or that C++ is C, or that HTML is XML. jQuery is OF javaScript. jQuery IS NOT JavaScript. — Brian
– Brian, Commented Aug 16, 2011 at 18:18
@Brian: Keeping in mind that jQuery is a library and JavaScript a language, your C++/C and HTML/XML analogies are not correct imo. Anyway, that is just the way I express myself. If I have a function foo written in JavaScript, I also say, "this is a JavaScript function" or "this function is JavaScript". Maybe it's because I'm not a native English speaker. I'm sorry if it causes any confusion. — Felix Kling
– Felix Kling, Commented Aug 16, 2011 at 18:36
Has very little to do with native speaking - you understood his objection to your issue. You also understood my analogies. HTML is a subset of XML. C++ is built on C. And on the language issue, saying jQuery is JavaScript is just like saying French, Italian and English are latin. They are all of latin. None of them is latin. Okay that may be a stretch, but I found it appropriate based on the discussion :) — Brian
– Brian, Commented Aug 16, 2011 at 18:40

Bozho · Accepted Answer · 2011-08-16 18:13:56Z

4

The solution in the linked question is good, but if you don't want an external library:

var array = new Array();
<c:forEach items="${jspArray}" var="item">
   array.push("${item}");
</c:forEach>

This is ustil JSTL and EL, which is the recommended way of writing code in JSP. If you want to write scriptlets, it will be very similar - with a for (String item : arr) { .. }

edited Aug 16, 2011 at 18:13

answered Aug 16, 2011 at 18:03

Bozho

599k147 gold badges1.1k silver badges1.2k bronze badges

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

4 Comments

John Over a year ago

If I'm using scriplets, how would I pass in my arr to my javascript function? If I pass in arr to some javascript function test(arr) it complains about a cannot be resolved error. I'm not too familiar with the environment I'm working on, and it doesn't seem like JSTL is setup, but I'll try and work on that

Bozho Over a year ago

it's the same - you just have to define the array in javascript, and then fill it

John Over a year ago

But what if the values in the array are not set in stone? As in I call the function multiple times throughout my jsp where the values in the array are always changing?

Bozho Over a year ago

the page is generated by JSP once, and then sent to the client, where the javascript is interpreted.

Collectives™ on Stack Overflow

Pass array from JSP as parameter to JavaScript function

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related