Set element id = javascript function

Question

So I have an issue that I'm not 100% sure on how to solve. Im looping through a list of strings and creating multiple forms, what I want to do is set the id of the elements to the string minus spaces. I have a javascript function to remove the spaces

function trimWhiteSpaces(name) {
return name.replace(/\s+/g, '');
}

and below is my current code for generating the forms:

@(name: List[String])

...

@for(name <- names) {
        <td>@name
        @form(routes.Application.makeCall()) {
        <div id="hiddenForm" style="visibility:hidden">
            <input type="text" name="commandID" id="id@name" value="10" />
            <input type="text" name="source" id="sourceCall@name" value="source" />
            <input type="text" name="destination" id="dest@name" value="@name" />
        </div>
        <input type="submit" value="Call" id="call@name"/>
        }
}

but what I would like to do is: is something like:

<input type="submit" value="Call" id="call{js:timWhiteSpaces(@name)}"/>

Any help would be appreciated. The other option I have thought that would work would be instead of passing strings pass a new custom objects that has two options. But as I'm not an expert at html/javascript i was wondering if there was a way to do it in javascript?

Samuel · Accepted Answer · 2012-06-15 06:24:48Z

3

I would suggest you do it on the server side, as in

id="@(name.replace(" ", ""))"

answered Jun 15, 2012 at 6:24

Samuel

1,66712 silver badges18 bronze badges

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

1 Comment

user1434177 Over a year ago

cool thank you very much. i was abloe to use the following and it worked: <input type="text" name="source" id="@name.replace(" ","")" value="source" />

Collectives™ on Stack Overflow

Set element id = javascript function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related