流星：點擊提交後使用jQuery檢索選定的值

Question

如何從使用以下引導類的表單中創建的下拉列表中檢索所選值？

我使用流星0.9.2和mizzao：自舉3

我的HTML：

<template name="createpost"> 
<form class="form-horizontal" role="form" id="createpost"> 
     <div class="form-group form-group-lg"> 
      <label class="col-sm-2 control-label" for="field">Field</label> 
      <div class="col-sm-10"> 
       <select class="form-control"> 
        <option value="one">One</option> 
        <option value="two">Two</option> 
        <option value="three">Three</option> 
        <option value="four">Four</option> 
        <option value="five">Five</option> 
       </select> 
      </div> 
     </div> 
    <input type="submit" value="post"> 
</form></template> 

CLIENT.JS：

Template.createpost.events({ 
'submit form#createpost': function(e) { 
    e.preventDefault(); 
    var insertpost = { 
     field: //CODE TO RETRIEVE THE VALUE OF THE SELECTED ITEM // 
    } 
    Meteor.call('insertPostData', insertpost); 
} }); 

SEVER.JS：

Meteor.methods({ 
'insertPostData': function(insertpost){ 
    return insertpost._id = AllPosts.insert(insertpost); 

} }） ;

Answer 1

我想通了。我必須給選擇一個id，然後在javascript中引用此id。我用「someId」這個例子這工作完美感謝您的初始幫助雖然

<template name="createpost"> 
<form class="form-horizontal" role="form" id="createpost"> 
    <div class="form-group form-group-lg"> 
     <label class="col-sm-2 control-label" for="field">Field</label> 
     <div class="col-sm-10"> 
      <select class="form-control" id="someId> 
       <option value="one">One</option> 
       <option value="two">Two</option> 
       <option value="three">Three</option> 
       <option value="four">Four</option> 
       <option value="five">Five</option> 
      </select> 
     </div> 
    </div> 
<input type="submit" value="post"> 

client.js：。

Template.createpost.events({ 
'submit form#createpost': function(e, tmpl) { 
e.preventDefault(); 
var insertpost = { 
    field: $("#someId").val(); 
} 
Meteor.call('insertPostData', insertpost); 
} }); 

Answer 2

Template.createpost.events({ 
'submit form#createpost': function(e, tmpl) { 
    e.preventDefault(); 
    var selectedOption = tmpl.find('.form-control :selected'); 

    var insertpost = { 
     field: (selectedOption && selectedOption.text) 
    } 

} 
});