javascript - 无法将选定的下拉列表值推送到 javascript 数组中( meteor js)

Question

我有以下 HTML 代码:

<select id="select_opt" class="form-control">
    {{# each manageprofile_data}}
        <option>{{Usergroup}}</option>
    {{/each}}
</select>

及其在 meteorjs 中对应的 JS 事件助手为:

'change #select_opt': function(event){
    var select_data = [];
    var val = $('#select_opt option:selected').val();
    select_data.push(val);
    console.log(select_data);
}

我想将每个选定的选项推送到 select_data 数组中，但它始终只插入一个元素，而不是保存所有元素。

单击每个选择选项时，所选选项的值必须保存在数组中，如 ["ROOT", "ADMINISTRATOR", "ROOT"...] 但目前我得到:["ROOT"]，["ADMINISTRATION"] 点击每个选项。

Answer 1

只需将数组放在函数之外，如下所示:

var select_data = [];

'change #select_opt': function(event){       
   var val = $('#select_opt option:selected').val();
   select_data.push(val);
   console.log(select_data);
}