javascript - 如何在模态对话框中设置 'select' 列表 - Meteor？

Question

当我在模式对话框中添加“编辑”功能时，我设法设置文本值。但下拉“选择”列表未更新。

<template name="edit_deal">
 <button id="edit_btn" class="edit">Edit</button>
 <div id="edit_dialog" title="Edit opportunity">
  {{> Edit }}
 </div>
</template>

<template name="Edit">
 <form class="edit-deal">

    <select name="quarter">
     <option value="1">Q1</option>
     <option value="2">Q2</option>
     <option value="3">Q3</option>
     <option value="4">Q4</option>
    </select>

    <input type="text" name="cuname" placeholder="Customer Name" >
 </form>
</template>

在 .js 中

Template.edit_deal.events({
 'click #edit_btn': function(event, template) {
  $( "#edit_dialog" ).dialog('open');

  Deals.find({"_id" : this._id}).fetch();

  $('input[name="quarter"]').val(this.quarter);
  $('input[name="cuname"]').val(this.customerName);
 }
});

弹出“编辑”模式对话框时，除“选择”列表外的所有值都会更新。缺什么？谢谢!

Answer 1

您正在使用以下行搜索输入标记:

$('input[name="quarter"]').val(this.quarter);

寻找选择:

$('select[name="quarter"]').val(this.quarter);