javascript - Meteor:使用 jQuery 在单击提交后检索所选值

Question

如何使用以下引导类从表单中创建的下拉列表中检索所选值？

我正在使用 Meteor 0.9.2 和 mizzao:bootstrap-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>

客户端.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

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

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

 }
});