[英]How to add selected attribute to dropdown option tag in Meteor Blaze?
HTML
<select id="article-weight">
{{#each weightValues}}
<option value="{{this}}">{{this}}</option>
{{/each}}
</select>
JS
Template.articleSingle.helpers({
weightValues: function(){
return [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
}
)};
Template.articleSingle.events({
'change #article-weight': function (event, template) {
weight = parseInt( $(event.currentTarget).val() );
Meteor.call('updateArticle', template.data._id, {
weight: weight
});
}
)};
我想要這樣的東西
{{#each weightValues}}
<option {{#if weight==this}}selected{{/if}} value="{{this}}">{{this}}</option>
{{/each}}
但是,肯定不可能在Blaze的if塊內比較變量。
知道如何才能達到我想要的結果嗎?
Template.articleSingle.helpers({
weightValues: function(){
return [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
},
isSelected:function(comparison){
return comparison === this;
},
yourComparison:function(){
return 3;
},
)};
{{#each weightValues}}
{{#if isSelected yourComparison}}
<option selected='true' value="{{this}}">{{this}}</option>
{{else}}
<option value="{{this}}">{{this}}</option>
{{/if}}
{{/each}}
嘗試這個
Template.articleSingle.helpers({
weightValues(){
return [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
},
weight(){
return 2
},
)};
<select id="select">
{{#each weightValues}}
<option {{#if $eq this weight}} selected="selected" {{/if}} value="{{this}}">{{this}}</option>
{{/each}}
</select>
或者您可以使用javaScript
$('#select option[value="2"]').attr('selected', 'selected');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.