Extract JSTL value from a list in to javascript variable

Question

I have an issue where I am doing like this:

<Script>
var counts=1;
travelExpense.value='<c:out value="${customerPO.roleList["'+counts+'"].travelExpense}"/>';
</Script>

but I am unable to concatenate "counts" js variable with JSTLtag.It says Unterminated <c:out I am unable to write the correct syntax for the same

Answer 1

You are missing the second concatenation character:

<Script>
var counts=1;
travelExpense.value='<c:out value="${customerPO.roleList["'+counts+'"].travelExpense}"/>';
//                                                            HERE^
</Script>

Update given the new information. Try escaping the quotes that go around count :

<Script>
var counts=1;
travelExpense.value='<c:out value="${customerPO.roleList[\'' + counts + '\'].travelExpense}"/>';
</Script>

This yields the following string:

<c:out value="${customerPO.roleList['1'].travelExpense}"/>

As an aside, are you sure the 1 should be quoted? If roleList is an array then this should work:

travelExpense.value='<c:out value="${customerPO.roleList[' + counts + '].travelExpense}"/>';

Giving:

<c:out value="${customerPO.roleList[1].travelExpense}"/>