Question

Ok, I’m getting some data from an ajax call and need to store the value as a parameter to an onclick element via javascript.

Eg

output = "<a href = '#' onclick = 'deleteFileName('" + trim(splitString[i]) + "')'> delete File </a>";

This behaves strangely. When I inspect the element with chrome, the output looks like this

<a href="#" onclick="deleteFileName("0design mockup.xlsx')'> delete File </a>

It should obviously look like this

<a href = "#" onclick = "deleteFileName('0design mockup.xlsx')">

The parameter is a String so I need the quotes around it. This may not be the best way to do this, but why is it making the first two quotes double quotes and then the last two single quotes?

*This is a JSP server using ajax calls to gather information. The function “deleteFileName(fileNameIn)” is an ajax call. (I don’t believe this is necessary information but you never know)

Answer 1

You can not use the same kinds of quotes for the value of onclick and for the function call. You need single quotes for one and double quotes for the other (where to put which should not matter). Otherwise you are closing the onclick attribute with the first single quote of the function call.

Example:

output = "<a href = '#' onclick = 'deleteFileName(\"" + trim(splitString[i]) + "\")'> delete File </a>";