有一个由模板包装的表格。我要做的是从此表的指定字段中获取值以及表单中的值。每行都有一个按钮来传递值。但是,当我尝试在控制台中将其打印出来时,它说是未定义的。
因此,任何人都可以对此解决方案或更好的解决方案,我将非常感激。
到目前为止,我已经尝试使用serializeArray()
。但是,似乎无法从<td>
元素获取值。
<template name="student">
{{#each student}}
<tr>
<td>{{name}}</td>
<td>{{studentID}}</td>
<td><textarea rows="1"></textarea></td>
<td><input type="submit" class="btn btn-primary markAttendance"></td>
</tr>
{{/each}}
</template>
<template name="subject">
<select id="dropdown" name="dropdown" class="form-control">
<option>Please select a subject</option>
{{#each subject}}
<option>{{subjectCode}}</option>
{{/each}}
</select>
</template>
事件处理程序:
Template.content.events({
'click .markAttendance':function(e){
e.preventDefault();
var subjectCode = $(e.target).find('[name=dropdown]').val();
var week = $(e.target).find('[name=week]').val();
var studentName = $(e.target).find('td:eq(0)').text();
var studentID = $(e.target).find('td:eq(1)').text();
console.log(subjectCode);
console.log(week);
console.log(studentName);
console.log(studentID);
//.....
}
});
最佳答案
Template.content.events({
'click .markAttendance':function(event, instance){
e.preventDefault(); // not needed unless you have a form someplace I'm not seeing
var student = this;
var subjectCode = $('#dropdown').val();
var week = $('[name=week]').val();
var studentName = student.name;
var studentID = student._id;
console.log(subjectCode);
console.log(week);
console.log(studentName);
console.log(studentID);
//.....
}
});
关于javascript - 从Meteor js中的每一行获取值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/60946798/