如何在模态对话框中设置“选择”列表 - 流星?

时间:2015-08-17 20:03:05

标签: javascript jquery meteor

当我使用模态对话框添加“编辑”功能时,我设法设置了文本值。但下拉“选择”列表未更新。

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

当弹出“编辑”模式对话框时,所有值都会更新,但“选择”列表会更新。缺什么?谢谢!

1 个答案:

答案 0 :(得分:1)

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

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

寻找一个选择:

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