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

Question

我正在 Meteor 中构建一个应用程序，但在返回下拉列表的值时遇到问题。我有一个超过 2 行的页面，其中每行都有一个下拉列表。如果我从第二行的下拉列表中选择一个值，我的应用程序将返回第一行下拉列表中的值。如果我从第一行以外的任何下拉列表中选择一个值，也会出现同样的问题。它将返回第一行下拉列表中的值。这是我的模板:

<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
    }
});

Answer 1

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