meteor.js - pass id of element clicked to a collection

Question

I've built a page with 3 elements, each of which looks like this:

<div class="col-md-4 event-type">
<a href="{{ pathFor 'step2' }}" id="eventchoice" name="eventchoice" value="corporate">
</a>
</div>

I'm trying to pass the value or name or id of the the <a> element on to a collection using the following code:

EventsController.events({
    'click #eventchoice' : function(event) {
        console.log(event.target.getAttribute("id"));
        console.log(event.target.getAttribute("name"));
        console.log(event.target.getAttribute("value"));

        var eventchoice = event.target.value;   
        var params = {
            eventchoice: eventchoice 
        }

        //Insert Event
        Meteor.call('addEvent', params);
        FlashMessages.sendSuccess('Event Added');
    }
});

I added the console.log's to see if I can get the id/name/value of the <a> element, but the console outputs 'null' for all of these. Therefore, there is nothing to pass to the collection in the eventAdd method.

I don't believe the problem is with the EventsController, the addEvent method or the Events collection. Any ideas how I can pass these values through?

Thank you for your help!

Answer 1

I think there must be something wrong with your controller then, because if you check the Meteorpad here, it works just fine. Although you might want to use a class instead of an id if you have many similar elements.