change event on <select> Meteor.js
Question
I know that Meteor supports events and I have seen it in action on checkboxes, but I just wanted someone to be able clarify if we can hook change events in meteor on select dropdowns as like the following
Template.templateName.events({
'change select': function(e,t){
// do whatever.......
}
});
I am trying to do this using Meteor and it doesn't seem to be firing when I change the value in the select box. However when I use jQuery to change things then it works fine.
4 answers
solution1
3 2013-06-13 13:39:44
Your code should work, it works fine for me.
Though I think events only take one eventMap-argument, not two. What would the "t" argument be?
solution2
1 2014-11-16 19:06:36
you can use an event like this to handle multiple checkboxes, then check some property (often id) to see which one was clicked. Or here since this returns my client row, I can just get the value I want from the context.
Template fragment
{{#each phonemeResults}}
<tr>
<td>
<div class="checkbox">
<label>
<input type="checkbox" class="star">
</label>
</div>
</td>
<td>
{{word}}
</td>
<td>
<small>{{phoneme}}</small>
</td>
</tr>
{{/each}}
handler
Template.phonemeList.events({
'change [type=checkbox]': function(e,t){
console.log("add " this.word + " to user's public starred list");
},
});
solution3
0 2015-03-22 21:24:02
I have a similar issue. The gotcha was that only the <option> elements were included in my template, and the <select> element was in outside it, in <body> . Make sure that the Template the event map is configured actually contains the <select> element.
solution4
0 2015-07-14 17:51:38
If you want it to fire on a specific select box change:
Template.chatRooms.events({
'change #chatroomList' : function(event){
console.log("Changed")
}
})
If you want it to fire on any selectbox change in the template:
Template.chatRooms.events({
'change select' : function(event){
console.log("Changed")
}
})
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.