流星：点击提交后使用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) 
    } 

} 
});