เปลี่ยนเส้นทางตัวเลือกที่เลือกด้วยดาวตก

ฉันต้องการความช่วยเหลือเกี่ยวกับดาวตก ฉันมีเทมเพลตที่มีตัวเลือกให้เลือก:

<select id="collapseFour" class="form-control collapse">
  {{#each examNum}}
    <option>{{this}}</option>
  {{/each}}
</select>

และฉันมีตัวช่วยที่ช่วยฉันสร้างรายการหมายเลขข้อสอบ:

Template.adminLayout.helpers({
  examNum: function() {
    var number = [];
    for(var i=1;i<=50;i++){
      number[i] = i;
    }
    return number;
  }  
});

ฉันจำเป็นต้องเปลี่ยนเส้นทางหน้าไปยังหน้าการสอบที่ระบุ เมื่อฉันเลือกตัวเลือกใดตัวเลือกหนึ่ง เช่นเดียวกับ onchange หรือ href ในองค์ประกอบแท็ก ฉันรู้ว่ามันสามารถแก้ไขได้ด้วยตัวช่วย เลยลองทำดังนี้:

Template.adminLayout.helpers({
  'change [type=select]': function(e,t){
    // page redirect
  },
});

แต่มันไม่ทำงาน สิ่งใดที่สามารถเลือกปัญหาได้ ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชม!


meteor iron-router
person user3551344    schedule 05.01.2015    source แหล่งที่มา
comment
คำถามนี้อยู่ในคิว Triage มันเป็นขอบเขตที่ควรปรับปรุง (สำหรับฉัน) แต่ฉันไม่รู้จัก HTML และ Meteor ดีพอที่จะตัดสินได้ (ดังนั้นคุณจึงไม่ต้องสงสัยเลย) หากปัญหาไม่ชัดเจน คุณควร แก้ไข คำถามของคุณและทำให้ชัดเจน   -  person jww    schedule 05.01.2015

คำตอบ (1)


arrow_upward
0
arrow_downward

แก้ไขเรียบร้อยแล้ว เผื่อมีใครต้องการ นี่คือเทมเพลต:

<select id="collapseFour" name="examNo" class="form-control collapse">
  {{#each examNum}}
    <option value="{{this}}">{{this}}</option>
  {{/each}}
</select>

ไฟล์ Js:

Template.adminLayout.events({
  'change #collapseFour': function(event, template) {
    no = template.find('[name=examNo]').value;
    Router.go('adminExamPage', {no: no});
  }
});

และเราเตอร์.js:

this.route('adminExamPage',{
    path: '/coordinator/exam/:no',
    layoutTemplate: 'adminLayout'        
});
person user3551344    schedule 05.01.2015