流星模板的html对象数组

时间:2014-03-02 09:53:50

标签: javascript html5 meteor

我正在努力研究如何最好地处理订单处理的输入表单,该表单基本上有许多相同的行,用于订购服装项目。

控件都是下拉选择器(4个不同的选择器)。

目前我只是给每个人一个唯一的身份证,并逐个完成这些工作,但这让我觉得非常低效。

有没有什么方法可以在html中使用循环(我不认为可以这样做)或者其他一些方法来使用控件数组并在表单提交上迭代它们?

1 个答案:

答案 0 :(得分:1)

Meteor项目通常包含jQuery。 jQuery对于抓取元素组并通过函数运行它们非常有用,这样你就不必重复自己了。

除了唯一ID之外,您可以将相同的类添加到全部或一组表单元素中,然后在onSubmit回调中使用jQuery中的类选择器将它们全部捕获并将它们全部发送到组合它们的函数成为有用的对象,例如

// 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

您可以使用其他选择器,而不是使用类标记所需的元素。