Question

我正在使用Meteor构建应用程序，我有一个由mongodb值填充的下拉列表。当我选择其中一个DDL项目时，有没有办法可以返回选项值id？这是我目前的html：

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

我的templates.js：

Template.adminTemplates.events({
"change #clientsSelect": function(event, template){
    var selectValue = template.$("#clientsSelect").id();
    console.log('select: ' + selectValue)
  }
});

根据上面的代码，我特别想要返回选项值this._id。我尝试了template.$("#clientsSelect").id()，但这会返回Uncaught TypeError: template.$(...).id is not a function。

有人可以帮忙吗？谢谢！

Answer 1

我不能100％确定为什么会这样，但解决方法是：

var selectValue = $("#clientsSelect").val()

这将返回所选值的ID属性，而不是显示在下拉列表中的选择值文本。

Answer 2

您也可以使用：

Template.adminTemplates.events({
"change #clientsSelect": function(event, template){
    var selectValue = event.target.value;
    console.log('select: ' + selectValue)
  }
});

如何使用更改事件返回流星中所选选项值的ID？

2 个答案: