我有一个Meteor项目,有20个下拉选项,每个项目都有一组唯一的下拉选项。所有选择都具有相同的类:class =" browser-default tablesassignments":
<template name="placecardsnot">
{{#each placecardnotassigned}}
<select class="browser-default tablesassignments" id="{{_id}}">
<option value="">Assign Table</option>
{{> tablenotassigned }}
</select>
{{/each}}
</template>
下拉选项来自另一个Meteor Collection,如下所示:
<template name="tablenotassigned">
{{#each table}}
<option class="optionvalue" value="{{_id}}">{{number}} - {{description}}</option>
{{/each}}
</template>
我试图弄清楚当下拉列表更改时我如何获得三个值。我需要select的ID,所选下拉选项的ID(来自第二个模板)和所选下拉选项的文本值。
我似乎无法将Jquery和Meteor集成在一起,并希望得到任何帮助。
就template.helpers而言,everthing正在加载正常,我似乎无法获取值,因此我可以使用所选的下拉选项更新正确的集合。
我现在正在使用的代码,我尝试了很多变化:
Template.placecardsnot.events({
'change .tablesassignments': function(event){
var value = $(this).val();
console.log(value);
$('.tablesassignments').each(function(){
$(this).val(value);
console.log(value); //
});
}
});
任何指针都将非常感激。