在meteor javascript中选择了错误的选项值

时间:2015-07-27 14:30:57

标签: javascript jquery select meteor drop-down-menu

我正在Meteor中构建应用程序,但我无法返回下拉列表的值。我有一个页面超过2行,每行有一个下拉列表。如果我从SECOND行的下拉列表中选择一个值,我的应用程序将返回FIRST下拉列表中的值。如果我从第一行以外的任何下拉列表中选择一个值,则会出现同样的问题。它将从第一行的下拉列表中返回值。这是我的模板:

<td>
<select id="clientsSelect" name="clients">
    <option disabled selected> Select Client </option>
    {{#each users}}
        <option value="{{this._id}}">{{this.profile.companyName}}</option>
    {{/each}}
</select>
</td>

这是我的templates.js

Template.adminTemplates.events({
    "change #clientsSelect": function(event, template){
        var selectValue = template.$("#clientsSelect").val(); //grab value of dropdown list
        console.log(select val: ' + selectValue); //always returns value of the FIRST dropdown list
    }
});

1 个答案:

答案 0 :(得分:1)

您只需要使用event.target.val()获取值,以便该值来自所单击的相同元素。还有info in the docs.