How to iterate a jsp list in javascript

Question

I have list object passed from java to jsp. I want to iterate that array list in my javascript function.

For example, I have list called "arrayList" in java and I am getting that in my jsp as

 <span id="valueList" style="display: none;">${arrayList}</span>

In javascript I tried fetching it as

$(document).ready(function () {
    var ranges = new Array();
    ranges.push($("#valueList").text());
    $.each(array, function(i, item) {
        console.log('val is '+item) 
    });
});

Here, in console, all the values are printing like [1,2,3,4,5,6] instead I want this to be printed separately.

Well, you push $("#valueList").text(), which is the String representation of the Array. Have you tried just pushing $("#valueList") instead? — Carl Shiles
– Carl Shiles, Commented Jun 19, 2017 at 13:39
Possible duplicate of Populating JavaScript Array from JSP List — Jozef Chocholacek
– Jozef Chocholacek, Commented Jun 19, 2017 at 13:50

Krazy_Tech · Accepted Answer · 2017-06-19 14:10:33Z

0

Try this

//Assumming your value is like this or you should assign json string in valueList span 
// Other wise you can use jstl to iterate the array
<span id="valueList" style="display: none;">[1,2,3,4,5,6]</span>

var ranges = [];
ranges = JSON.parse($("#valueList").text());
$.each(ranges , function(i, item) {
    console.log('val is '+ item) 
});

edited Jun 19, 2017 at 14:10

answered Jun 19, 2017 at 13:57

Krazy_Tech

3263 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

How to iterate a jsp list in javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related