Question

I want to make an Ajax call using remoteLink (with Prototype as the Javascript library) but I need one of the parameters being passed to be the value from a textfield. Here’s what I have so far in my GSP:

<input id="email" name="email" type="text"/>
...
<g:remoteLink action="addEmail" params="[email:???]">Add</g:remoteLink>

What do I put in place of ??? to get the remoteLink to send the value of the email textfield as a parameter? Essentially, how do I reference/access the DOM within a Grails tag?

I tried putting

\$('email').value

in place of ??? but I got a “Could not parse script” error in my GSP.

Thanks

Answer 1

I’ve need to do done something similar before and the following worked for me (yep, not especially elegant):

<input id="email" name="email" type="text"/>
...
<g:javascript>
    var addEmail = function()
    {
        ${ remoteFunction (action:"addEmail", update:"update-element-id", params:"  'email=' +$('email').value  ") }
    };
</g:javascript>
<a href="javascript:void(0)" onclick="addEmail();return false;">add email</a>

Extracted to a javascript function for clarity, and added some spaces inside the params to show the single quotes clearer.