- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有一个由模板包裹的表格。我想要做的是从该表的指定字段中获取值以及表单中的值。每行都有一个按钮来传递值。但是当我尝试在控制台中打印它们时,它说它未定义。因此,任何人都可以解决此问题或有更好的方法,我将非常感激。
到目前为止,我已尝试使用 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/
这个问题在这里已经有了答案: final keyword in method parameters [duplicate] (9 个回答) 关闭 8 年前。 在此示例中,声明 Object fina
我的目标:是通过我的函数更新字段获取选定值并使用函数输出值运行它。 问题:当我从列表中选择值时,它不会触发函数,也不会更新字段。 感谢您的帮助。 HTML 12 14 16 18 20 22 24
我有一本具有这种形式的字典: myDict = {'foo': bar, 'foobar baz': qux} 现在,我想拆分字典键中的空格,使其成为下一个键并获取值(重复)。 myDictRev1
vector a; vector b; int temp_holder; cout > temp_holder) a.push_back(temp_holder); cout > temp_h
Java 的开发过程中免不了与 Date 类型纠缠,准备总结一下项目经常使用的日期相关操作,JDK 版本 1.7,如果能够帮助大家节约那么几分钟起身活动一下,去泡杯咖啡,便是极好的,嘿嘿。当然,我
我正在使用 jquery ui 日期选择器来获取 fromDate 和 toDate 以下是from日期的代码 $("#from_date").datepicker({
我是一名优秀的程序员,十分优秀!