Question

我在页面上有几个HTML元素。每当页面上下文无效并重新呈现时，元素将被重新呈现，而没有所选选项的可视提示。

如果我使用$（'。select1选项：selected'）检查选择，则返回所选选项。但是，它不会呈现为选中状态。如果它是下拉列表，那么第一个元素就会显示出来。如果是多行选择，则第一个（firefox）或最后一个（chrome）元素会显示一条带有灰色的选择行。

如果我再次单击所选元素，它将显示为已选中。

任何人都知道如何解决这个问题？

Answer 1

我在此处实施了解决方案：Meteor form state not being saved

点击时将所选值存储在会话变量中：

Template.packageViewer.events({
    'change .tagselect': function(){
        Session.set('tag', $('.tagselect :selected').html());}
    ,
    'change .groupselect': function(){
       Session.set('group', $('.groupselect :selected').html());}
    ,
    'change .packageselect': function(){
        Session.set('package', $('.packageselect :selected').val());}
});

然后在后期渲染功能中设置选择的选择值：

Template.packageViewer.rendered = function(){
    $('.groupselect').val(Session.get('group'));
    $('.tagselect').val(Session.get('tag'));
}

Hacky，但有效。

Answer 2

也许你可以使用$（'。select1'）。触发器（“更改”）;功能

HTML选择在Meteor中重新渲染时失去选择

2 个答案: