meteor template array of html objects

Question

I'm trying to work out how best to handle an input form that is for order processing that basically has a number of identical lines on it for ordering items of clothing.

The controls are all drop down selectors (4 different ones to a line).

At the moment I've just give each one a unique ID and am working through them one by one, but that strikes me as very inefficient.

Is there some way I can use a loop in the html (I don't think this can be done) or some other way to use an array of controls and just iterate over them on the form submit?

Paul · Accepted Answer · 2014-03-02 10:03:59Z

1

Meteor projects usually include jQuery. jQuery is pretty useful for grabbing groups of elements and running them through a function so that you don't have to repeat yourself as much.

In addition to unique ids, you can add the same class to all or a group of the form elements, and then in the onSubmit callback grab them all with a class selector in jQuery and send them all to a function that combines them into a useful object, e.g.

// collect the form inputs in class salesform into an object

var formResult = {};
$(".salesform").each(function(el){ formResult[$(this)[0].id]=$(this).val() });

// form ids and values are now in formResult

There may also be other selectors you can use instead of tagging the elements you want with a class.

edited Mar 2, 2014 at 10:03

answered Mar 2, 2014 at 9:57

Paul

27.8k13 gold badges90 silver badges127 bronze badges

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

Collectives™ on Stack Overflow

meteor template array of html objects

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related