jQuery를 사용하여 입력 필드를 얻는 방법 동적 테이블의 값

Question

현재 Meteor/Blaze framework을 사용하여 테이블을 만듭니다. 선택한 공급 업체에 따라 테이블의 행이 변경됩니다. 필드에 class={{_id}}을 추가하고 수량, 로트 및 만료일 INPUT에 q.{{_id}}, lot.{{_id}} 및 exp.{{_id}}을 추가했습니다.

나는이 값을 얻기 위해 제출 이벤트를 작성하여 Mongo 데이터베이스에 전달하려고합니다. 값을 얻기 위해 이러한 행을 반복하는 좋은 방법을 제안하십시오.

웹 사이트 이미지 코드

부

receiveForm 템플릿

<template name="receiveForm"> 
... 
<select data-placeholder="Select an option" class="sel2js form-control select select-primary" id="supplier_sel" name="supplier"> 
     {{#each suppliers}} 
     {{> sel_supplier}} 
     {{/each}} 
    </select> 
    </div> 
    <!-- Receive Lot Table --> 
    <table class="table table-bordered table-hover"> 
    <thead> 
     <tr> 
     <th>Product Name</th> 
     <th>Current Quantity</th> 
     <th>Unit of Measurement</th> 
     <th>Receive Quantity</th> 
     <th>Lot No</th> 
     <th>Exp Date (DD/MM/YYYY)</th> 
     </tr> 
    </thead> 
    <tbody> 
     {{#each items}} 
     {{> receiveRow2}} 
     {{/each}} 
    </tbody> 
</table> 
<div class="text-center"> 
    <button type="submit" class="btn btn-embossed btn-primary btn-wide" id="submitNewReceive" value="Submit">Submit</button> 
    <button type="reset" class="btn btn-embossed btn-warning btn-wide" value="Reset">Reset</button> 
</div> 
</form> 

receiveRow2 템플릿

<template name="receiveRow2"> 
    <tr id="{{_id}}"> 
    <td class="pn">{{name}}</td> 
    <td class="pq">{{totalQuantity}}</td> 
    <td>{{uomid.name}} ({{uomid.unit}} {{uomid.unitname}}/{{uomid.name}})</td> 
    <td><input type="text" class="form-control" name="q.{{_id}}" placeholder="Quantity" /></td> 
    <td><input type="text" class="form-control" name="lot.{{_id}}" placeholder="Lot No XX/YYYY" /></td> 
    <td> 
     <div class="input-group datetimepicker text-primary"> 
     <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
     <input class="set-due-date form-control" name="exp.{{_id}}" type="text" placeholder="วัน/เดือน/ปี"/> 
     <hr /> 
     </div> 
    </td> 
    </tr> 
</template> 

JS 라인 4에서

Template.receiveForm.events({ 
    'submit form': function(event, template){ 
    var supplierSelected = Template.instance().supplierSelected; 
    items = Products.find({suppliers: supplierSelected.get()}); 
    event.preventDefault(); 
    docdate = event.target.docdate.value; 
    supplier = event.target.supplier_sel.value; 
    console.log("---event---"); 
    console.log(docdate) 
    console.log(supplier) 
    items.forEach(function(item){ 
     ???? 
    }) 
    } 
}) 

Answer 1

해당 항목, 또한 라인 6에서, 그 후 7 난 당신이 그들에 루프 수 있다고 생각하기 전에 VAR이 없습니다. (그러나 그들은 DB에서 올 것입니다.) 그러나 입력 값을 얻고 싶다면 MongoDB에서 데이터를 요청하는 이유는 무엇입니까? 또한 약속으로 DB 값을 얻으려면 preffer 것입니다.

var items = Promise.resolve(Products.find({suppliers: supplierSelected.get()}); 

이 방법의 항목을 다시 얻을 :

items.then(function(item){console.log(item)})